Split-Screen App Interface Layout Without Display Deformation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Electronic devices struggle to display application interfaces effectively in split-screen scenarios, particularly when applications are not well adapted to up-down split-screens, leading to deformation and poor user experience.
Innovation Solution
The method involves displaying application interfaces in split-screen windows with adjusted sizes and layout directions that match the application's supported layout and the device's screen direction, ensuring the interface is not fully covering the window when necessary, thereby adapting to the device's orientation and layout capabilities.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of stationary object
If the application interface is displayed in a size that fully covers the split-screen window and in the same interface layout direction as the current screen direction, then the interface can be displayed in full coverage, but the interface becomes deformed due to stretching and unbalanced in proportion
Solution Approach 1:
The system dynamically changes the display parameters (size and layout direction) of the application interface based on the application's supported layout directions and the current screen direction. When the application interface cannot be displayed normally in the current screen direction, the system adjusts the interface layout direction to match the application's supported direction, and scales the interface size to fit within the split-screen window without full coverage, thereby preventing deformation and maintaining proper proportions.
2Shape
If the application interface is displayed in a size that does not fully cover the split-screen window and in an interface layout direction different from the current screen direction, then the interface proportion is maintained without deformation, but the interface coverage area is reduced
Solution Approach 1:
The system accepts reduced interface coverage area as a necessary compromise to maintain proper interface proportions and prevent deformation. By changing the display parameters to match the application's supported layout direction rather than forcing full coverage in the current screen direction, the system ensures the interface remains visually correct and functional, even if it occupies less than 100% of the split-screen window.
3Productivity
If the electronic device forces the application interface to adapt to the current screen direction, then the interface can be displayed in full screen, but the interface becomes deformed and unbalanced
Solution Approach 1:
The system prioritizes interface display quality over maximum display efficiency for applications that do not support the current screen direction. Rather than forcing the interface to adapt to the screen direction (which would cause deformation), the system displays the interface in its supported layout direction within the available space, accepting that it will not fully utilize the split-screen window. This ensures the interface remains functional and visually correct.
4Shape
If the electronic device allows the application interface to be displayed in its supported layout direction, then the interface maintains proper proportions, but the interface cannot be displayed in up-down split-screen scenario
Solution Approach 1:
The system applies different display strategies to different applications based on their individual supported layout directions. For applications that support the current screen direction, the interface is displayed in full coverage. For applications that do not support the current screen direction (such as up-down split-screen scenarios for landscape-oriented applications), the system displays the interface in its supported layout direction within the split-screen window, even if it means the interface does not fully cover the window or requires a different layout direction.
Data Source
AI summary
This application discloses an application interface display method, applied to an electronic device. The method includes: displaying a first interface; receiving a first operation; and displaying a second interface in response to the first operation, where the second interface includes a first split-screen window and a second split-screen window that are displayed in a split-screen manner. The first split-screen window displays a first application interface corresponding to a first application, the first application interface is displayed in the first split-screen window in a size that does not fully cover the first split-screen window, and an interface layout direction of the first application interface is different from a current screen direction of the electronic device.


