Interactive Display State Locking for Smooth Interface Transitions
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing mobile terminal applications face issues with sudden changes in display interfaces during interaction, leading to unfriendly visual and interactive effects due to invalid swipe operations and state locking, which disrupt user experience.
Innovation Solution
A display method and apparatus that aligns the upper boundary of a second interface with the target area boundary and allows state locking to prevent sudden changes, enhancing interactive comfort by adding a transition interface and limiting returns to previous states.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If the display interface directly switches between states without transition, then the interface switching speed is fast, but the visual effect becomes sudden and unfriendly
Solution Approach 1:
The patent applies preliminary action by introducing a transition interface state before the final interface state. When switching from the first interface to the second interface, the system first displays a transition interface that maintains the upper boundary alignment, then gradually transitions to the target interface. This preliminary transition state prevents sudden visual changes while maintaining reasonable switching speed.
2Adaptability or versatility
If the second interface allows free movement in all directions, then the interactive flexibility is high, but invalid swipe operations increase and disrupt user experience
Solution Approach 1:
The patent applies local quality by implementing state locking in specific display states rather than uniformly across all states. When the second interface is in the first display state (where upper boundary alignment is maintained), swipe operations are locked and invalid. This localized restriction maintains interactive flexibility in valid states while preventing invalid operations in transition states, improving overall interaction reliability.
3Manufacturing precision
If the interface alignment is strictly maintained at upper boundary, then the display precision is high, but the device complexity increases due to state management
Solution Approach 1:
The patent applies segmentation by dividing the interface display into distinct states: the first display state where upper boundary alignment is strictly maintained, and the second display state where alignment may vary. By segmenting the display states and applying state locking to specific transitions, the system maintains high alignment precision where needed while managing complexity through clear state definitions and transition rules.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
Disclosed in embodiments of the present disclosure are a display method and apparatus, an electronic device, and a storage medium. The method comprises : in response to a first operation acting on a first interface, the first interface being displayed on a target area of an interactive interface, and controlling the first interface and a preset second interface to move in a first direction, controlling the second interface to display in the target area, wherein if the second interface does not satisfy a preset condition, the second interface is controlled to enter a first display state, so that an upper boundary of the second interface is aligned with an upper boundary of the target area; in response to a second operation acting on the second interface in the first display state, controlling the second interface to move in a second direction, the second interface entering a second display state from the first display state; and triggering a state locking to limit the second interface to return from the second display state to the first display state. According to the display method provided in the present disclosure, the display control of the second interface is realized, and the interactive effect is improved.