Foldable Screen UI Layout Using Selective View Stretching
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Third-party applications are not adapted to the screen ratio of foldable mobile phones, leading to reduced interface content and negatively impacting user experience.
Innovation Solution
An electronic device generates a user interface by stretching the width of certain controls based on the correspondence between the first and second display windows, maintaining the height unchanged, and adapting the layout to ensure the interface content is not reduced, while reducing system processing load and complexity.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If third-party applications are laid out on a window based on bar-type mobile phone screen ratio, then the application can maintain its original layout design, but the interface content is reduced and user experience is negatively impacted
Solution Approach 1:
The patent introduces a virtual window dimension that differs from the physical screen dimensions. By creating a virtual window with width corresponding to bar-type phone screen ratio while maintaining the actual foldable screen's physical dimensions, the system allows applications to render content as if on a bar-type screen while displaying it on the foldable screen without content loss.
Solution Approach 2:
The patent introduces a window management system as an intermediary layer between the application and the physical display. This intermediary creates and manages a virtual window that translates application layout requirements into appropriate display representations, allowing the application to maintain its original layout while the system handles the adaptation to the foldable screen.
2Area of stationary object
If the user interface is stretched to fill the entire foldable screen, then the screen utilization is improved, but the interface content is reduced and aesthetics are degraded
Solution Approach 1:
The patent creates a virtual display dimension that maintains the aspect ratio and content density of bar-type phones while existing within the physical foldable screen space. This virtual dimension allows the interface to be displayed at its original intended size without stretching, preserving content integrity while utilizing the available screen real estate through proper positioning.
3Adaptability or versatility
If all view nodes in the user interface are stretched to adapt to the foldable screen, then the interface adapts to the new screen ratio, but the system processing load increases
Solution Approach 1:
The patent extracts only the necessary adaptation logic to the window management system level, rather than requiring all view nodes to individually handle adaptation. By managing the virtual window dimensions and content scaling at the window level, the system avoids the computational overhead of processing and transforming every individual view node, significantly reducing system processing load.
Data Source
AI summary
Disclosed is an interface display method and an electronic device. In the method, a target application in the electronic device may generate a view tree based on a first display window whose width is less than a width of an actual display window. The electronic device may generate, based on a second display window, a user interface corresponding to the view tree. The electronic device may stretch a second view node that may affect aesthetics of the user interface, so that a width of the second view node is adapted to a width of the second display window. For a first view node that does not affect the aesthetics of the user interface, a current state of the first view node in the user interface is maintained.