Dynamic Interface Layout Using Column-Based Display Adaptation

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

The development of interface layouts for electronic devices with multiple display forms is complex and costly, requiring separate layouts for each form, leading to high application development costs and large packaging files.

Innovation Solution

A dynamic interface layout method that automatically adjusts the layout of elements on an application interface based on a preset layout rule and current display form, allowing a single set of interface layouts to adapt to different display forms.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If separate interface layouts are developed for each display form, then interface adaptation to different display forms is achieved, but application development costs increase and packaging file size increases

Engineering Contradiction:

Improveinterface adaptation to different display formsVSAvoidapplication development complexity

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a universal interface layout system that can adapt to multiple display forms using a single set of layouts. The system uses display form identification to dynamically adjust layout parameters, allowing one interface design to serve multiple display forms (mobile phone, tablet, TV, different aspect ratios) without requiring separate layout files for each device type.

Inventive Principle:

Principle #6Universality (Multi-functionality)

Solution Approach 2:

The patent introduces dynamic layout adjustment based on detected display form characteristics. The system dynamically modifies layout parameters such as column quantity, element positioning, and spacing according to the current display form, enabling the interface to adapt automatically without manual configuration for each display scenario.

Inventive Principle:

Principle #15Dynamics

2Adaptability or versatility

If separate interface layouts are developed for each display form, then interface adaptation to different display forms is achieved, but packaging file size increases

Engineering Contradiction:

Improveinterface adaptation to different display formsVSAvoidpackaging file size

Core Design Contradiction:

Adaptability or versatilityVSQuantity of substance

Solution Approach 1:

Inventive Principle:

Principle #6Universality (Multi-functionality)

3Device complexity

If automatic dynamic layout is implemented, then application development costs reduce and packaging file size reduces, but layout precision for specific display forms may decrease

Engineering Contradiction:

Improveapplication development complexityVSAvoidlayout precision

Core Design Contradiction:

Device complexityVSManufacturing precision

Solution Approach 1:

The patent applies local quality by allowing different layout parameters (column quantity, spacing, element size) to be specifically configured for different display forms while using a unified adaptation mechanism. Each display form can have optimized local layout characteristics tailored to its specific requirements, maintaining precision while using automatic adaptation.

Inventive Principle:

Principle #3Local quality

Solution Approach 2:

The patent utilizes parameter changes by dynamically adjusting layout parameters such as column quantity, element positioning, and spacing based on the detected display form. The system changes these parameters automatically to achieve optimal layout precision for each specific display form without requiring manual intervention.

Inventive Principle:

Principle #35Parameter changes

Data Source

PatentEP3995948B1Dynamic layout method and device for interface

Publication Date: 2025.10.08 HUAWEI DEVICE CO LTD

Figure 1
Figure 2A
Figure 2B

AI summary

A dynamic interface layout method and a device are provided, relate to the field of electronic technologies, and can automatically perform dynamic layout of an element on an interface according to a preset layout rule and based on a current display form, so that an application with a set of interface layout can perform dynamic layout of the element and the interface by adapting to different display forms. A specific solution is as follows: A width of a screen of an electronic device is divided into a plurality of columns. The electronic device displays a first interface. After detecting an interface refresh signal, the electronic device obtains a first column quantity corresponding to a width of a second interface to be displayed after refreshing. The first column quantity is a quantity of columns included in the width of the second interface. The electronic device determines a second column quantity according to a layout rule corresponding to a first element on the second interface. The second column quantity is a quantity of columns included in a width of the first element. The electronic device displays the second interface. This is used for dynamic layout of an interface.