Adaptive App Interface Layouts Across Multiple Screen Types
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current application display methods on electronic devices are inflexible, requiring new layouts to be developed and applications updated to accommodate different screen types, leading to increased development workload and resource consumption.
Innovation Solution
An application display method that allows electronic devices to request layouts from a server based on an interface identifier, with the server sending layout messages containing parameters related to the device's screen information, enabling dynamic adjustment of layouts to match device parameters without needing separate layouts for each screen type.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple layouts are developed and stored for different screen types, then display adaptability is improved, but device complexity and storage requirements increase
Solution Approach 1:
The patent implements a universal layout description mechanism where a single layout file can be applied across multiple screen types. The layout uses parameterized definitions that automatically adapt to different screen dimensions, eliminating the need to create separate layout files for each device type. This universal approach maintains display adaptability while significantly reducing the complexity of layout management.
Solution Approach 2:
The patent employs parameter-based layout definitions where screen-specific dimensions and properties are defined as parameters rather than fixed values. When a layout is applied to different screen types, the parameters are automatically adjusted based on the target device's screen characteristics, enabling a single layout file to adapt to multiple screen sizes without manual modification.
2Adaptability or versatility
If multiple layout versions are developed for different screen types, then display adaptability is improved, but storage requirements increase
Solution Approach 1:
By creating a universal layout file that can serve multiple screen types, the patent eliminates the need to store separate layout versions for different devices. A single layout definition with parameterized properties replaces what would otherwise require multiple duplicate layout files, significantly reducing the quantity of layout data that needs to be stored and transmitted.
Solution Approach 2:
The patent merges the functionality of multiple screen-specific layouts into a single unified layout file. By combining the adaptive logic and parameterized definitions in one file, the system consolidates what would have been separate storage requirements into a single compact representation, reducing overall storage needs while maintaining compatibility across device types.
3Productivity
If layouts are updated in the application, then layout functionality is improved, but update time and user waiting increase
Solution Approach 1:
The patent extracts layout definitions from the compiled application code and stores them as separate, independently updateable files on the server. This separation allows layout updates to be delivered and applied without requiring full application updates, enabling rapid layout changes to be pushed to users independently of the main application binary, thereby reducing update time and improving layout update efficiency.
Data Source
AI summary
The method includes: A first electronic device detects a first operation; the first electronic device sends a first request message to a server based on the first operation, where the first request message includes a first identifier of a first interface, and the first interface is an interface of a first application; the first electronic device receives a first layout message that is sent by the server and that corresponds to the first identifier of the first interface, where the first layout message includes a first parameter, and the first parameter is related to a parameter of the first electronic device; and the first electronic device displays the first interface based on the first layout message.