Foldable Device UI Layout with Posture-Based Aspect-Ratio Mapping
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
User interfaces of certain applications on foldable devices fail to adapt to changes in display size between landscape and portrait orientations, leading to layout disorders and reduced user convenience.
Innovation Solution
A user interface layout method that dynamically adjusts the layout of interface elements based on the device's posture, ensuring seamless transitions between landscape and portrait orientations by maintaining aspect ratios and accurately mapping touch coordinates.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Manufacturing precision
If the electronic device lays out interface elements based on the display size obtained when the application starts, then the layout is initially correct, but layout disorder occurs when the device posture changes between landscape and portrait
Solution Approach 1:
The patent implements dynamic layout adjustment by detecting device posture changes and recalculating interface element positions and sizes based on current display dimensions. The system transitions from static layout (fixed at application start) to dynamic layout (continuously adapted to posture changes), ensuring layout precision is maintained across different device orientations.
Solution Approach 2:
The patent changes key layout parameters (display width, display height, interface element positions) in response to posture changes. When the device rotates between landscape and portrait, the system retrieves updated display dimensions and recalculates all interface element parameters based on the new parameter set, resolving the contradiction between initial layout precision and adaptability.
2Device complexity
If the user interface does not support switching between landscape and portrait, then the interface structure remains simple, but user convenience is reduced during posture changes
Solution Approach 1:
The patent performs preliminary actions by pre-defining interface element layouts for both landscape and portrait orientations. When a posture change is detected, the system switches to the pre-calculated layout corresponding to the new posture, avoiding complex real-time calculations and maintaining simple interface structure while improving user convenience.
3Adaptability or versatility
If the display size changes during posture switching, then the device can adapt to different orientations, but blank areas appear or interface elements are not displayed
Solution Approach 1:
The patent implements a feedback mechanism where the system continuously monitors display size changes and interface element rendering status. When posture changes cause display dimension variations, the system receives feedback about the new display size and automatically recalculates interface element positions and sizes to eliminate blank areas and ensure complete element display, maintaining layout accuracy across different orientations.
Data Source
AI summary
A user interface layout method is provided and it includes: When a posture of an electronic device is a landscape posture, the electronic device lays out an interface element of a first user interface based on a second width and a second height, then reduces a size of the first user interface to a first width and a first height, and renders the reduced user interface to a display. In a landscape posture, a width and a height of a user interface are respectively a first width which is less than a width of the display and a first height which is equal to a height of the display. In a portrait posture, a width of the display is a second width. A ratio of a second height to the first height is equal to a ratio of the second width to the first width.