Dynamic UI Layout Adaptation via Differential Element Scaling

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Developing applications with multiple versions to accommodate different screen sizes is burdensome for developers, as it requires creating various layouts to ensure good user experience across diverse electronic devices.

Innovation Solution

A method where a developer designs layout information for a user interface in a single target display region size, and the system adjusts the layout dynamically by changing the size ratios of composition elements when the interface is displayed in a different-sized region, ensuring adaptation without uniform zooming.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If multiple versions of applications are developed to accommodate different screen sizes, then user experience across diverse electronic devices is improved, but development burden increases

Engineering Contradiction:

Improveadaptation to different screen sizesVSAvoiddevelopment burden

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a universal layout processing mechanism that can handle multiple screen sizes using a single base layout design. The system dynamically adapts the layout to different display regions through automated processing, eliminating the need for developers to create separate versions for each screen size while maintaining good user experience across diverse devices.

Inventive Principle:

Principle #6Universality (Multi-functionality)

Solution Approach 2:

The system changes layout parameters dynamically based on the target display region size. By adjusting layout parameters automatically through processing mechanisms, the same base layout can adapt to different screen sizes without requiring manual redesign for each device type, thus reducing development burden while maintaining adaptability.

Inventive Principle:

Principle #35Parameter changes

2Ease of manufacture

If uniform zooming is applied to all composition elements when adapting layout to different display regions, then implementation is simplified, but adaptation quality between target layout information and target display region deteriorates

Engineering Contradiction:

Improvelayout adaptation implementationVSAvoidadaptation between layout and display region

Core Design Contradiction:

Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The patent applies different processing strategies to different composition elements based on their specific characteristics and requirements. Rather than uniformly zooming all elements, the system selectively processes elements with different size change ratios according to their individual needs, improving overall layout adaptation quality while maintaining reasonable implementation complexity.

Inventive Principle:

Principle #3Local quality

Data Source

PatentUS20250157105A1Method for processing user interface of application and related device

Publication Date: 2025.05.15 HUAWEI TECH CO LTD

AI summary

Example methods for processing a user interface of an application and a related device are disclosed. One example method includes: if a difference between a size of a current display region and a size of a target display region satisfies a target condition, obtaining first layout information corresponding to the user interface when the user interface is displayed in the current display region, where the first layout information is obtained based on target layout information used when the user interface is displayed in the target display region, and when the user interface changes from a layout manner indicated by the target layout information to a layout manner indicated by the first layout information, a size change ratio of a first composition element is different from a size change ratio of a second composition element.