Dynamic Screen Adaptation via Universal UI Data Packets
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The existing methods for screen adaptation on mobile devices require significant effort and low efficiency due to the need for different UI designs for various screen sizes and orientations, involving complex processes like resetting, slicing, coding, and testing for each device type.
Innovation Solution
A method where a client obtains UI data packets from a server, parses them to determine screen orientation, and adjusts the display settings of UI components based on the device's screen size and orientation, dynamically drawing components according to the required settings and resource files, thereby reducing the workload and improving efficiency.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If different UI designs are created for various screen sizes, then screen adaptation quality is improved, but development workload increases significantly
Solution Approach 1:
The patent implements a universal UI design system where a single UI package contains all necessary drawing information for different screen sizes and orientations. The system automatically adapts this universal design to various devices by parsing the UI data packet and calculating appropriate display parameters, eliminating the need to create separate UI designs for each screen type while maintaining high adaptation quality.
Solution Approach 2:
The system changes display parameters dynamically based on screen characteristics. By storing drawing information with relative coordinates and proportions in the UI data packet, the system can calculate absolute positions and sizes by multiplying with screen width and height, allowing the same UI design to adapt to different screen parameters without manual redesign.
2Manufacturing precision
If high-fidelity pictures are reset and sliced for different devices, then screen adaptation accuracy is improved, but processing time increases
Solution Approach 1:
The system performs preliminary preparation by storing complete drawing information including all necessary graphical elements, text, and layout data in the UI data packet during the design phase. This pre-packaged information contains relative positioning and sizing data that enables rapid automatic calculation and rendering on any device, eliminating the need for time-consuming picture resetting and slicing operations during deployment.
3Reliability
If multiple UI versions are tested across different devices, then screen adaptation reliability is improved, but testing complexity increases
Solution Approach 1:
The universal UI design system with automatic adaptation reduces testing complexity by eliminating the need to test multiple separate UI versions. Instead, testers only need to verify that the single UI package correctly adapts to different screen sizes and orientations through automatic parameter calculation, significantly reducing the number of test cases required while maintaining reliability.
Data Source
AI summary
A screen adaptation method and apparatus. A client obtains a user interface data package from a server end and parses the user interface data packet to obtaining drawing information about each module and component; the modules of the user interface are arranged vertically and each module contains one or more components. According to the screen direction of the device where the client is located, the client acquires the display attributes of each component, and draws each component in the user interface according to said attributes and to a resource file required to be filled into each component.