Adaptive Display Interface Layout Using Constraint-Based Controls

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Developers face significant time and labor challenges in creating display interface layouts for various electronic devices with different specifications, leading to inefficiencies and increased development costs.

Innovation Solution

A method and system that automatically generates display interface layouts based on device features, using preset algorithms and attribute constraint conditions to adaptively layout controls on the interface, reducing the need for multiple layout files for different devices.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If developers manually design layout files for each device specification, then the display interface can be precisely adapted to each device, but the development time and labor cost increase significantly

Engineering Contradiction:
Improvelayout adaptation to different devicesVSAvoiddevelopment time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent applies parameter changes by dynamically adjusting layout parameters based on device specifications. Instead of creating separate layout files for each device, the system uses a single layout file with parameters that automatically adapt to different device sizes, resolutions, and characteristics. This resolves the contradiction by maintaining precise layout adaptation while eliminating the time-consuming manual design process for each device variant.

Inventive Principle:
Principle #35Parameter changes

Solution Approach 2:

The patent implements universality by designing a single layout file that serves multiple device specifications. The layout file contains device-agnostic control definitions with automatic adaptation logic that makes it universally applicable across different head unit specifications. This eliminates the need for multiple device-specific layout files, significantly reducing development time while maintaining adaptability.

Inventive Principle:
Principle #6Universality (Multi-functionality)

2Manufacturing precision

If developers create separate layout files for each device specification, then the layout precision for each device is high, but the development complexity and difficulty increase

Engineering Contradiction:
Improvelayout precisionVSAvoiddevelopment complexity
Core Design Contradiction:
Manufacturing precisionVSDevice complexity

Solution Approach 1:

The system maintains layout precision by using parameterized control definitions that automatically adjust to device specifications. The layout file contains parameters for control size, position, and other attributes that are dynamically calculated based on device characteristics, ensuring precise layouts without requiring separate files for each device.

Inventive Principle:
Principle #35Parameter changes

Solution Approach 2:

The patent applies self-service by enabling the layout system to automatically generate device-specific layouts without manual intervention. The system reads device specifications and automatically calculates the appropriate layout parameters, eliminating the need for developers to manually design and maintain multiple layout files for different devices.

Inventive Principle:
Principle #25Self-service

3Adaptability or versatility

If multiple layout files are created for different devices, then each device gets optimized layout, but the storage space and maintenance effort increase

Engineering Contradiction:
Improvedevice-specific optimizationVSAvoidstorage space
Core Design Contradiction:
Adaptability or versatilityVSQuantity of substance

Solution Approach 1:

The patent reduces storage requirements by replacing multiple device-specific layout files with a single universal layout file. This single file contains all the necessary control definitions and adaptation logic to serve multiple device specifications, significantly reducing the quantity of layout data that needs to be stored and maintained.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The system merges multiple device-specific layout configurations into a single unified layout file. By combining all device adaptations into one file with parameterized controls and automatic adjustment logic, the system eliminates redundant layout data while maintaining the ability to optimize layouts for different devices.

Inventive Principle:
Principle #5Merging (Combining)

Data Source

PatentUS12585442B2Display interface layout method and electronic device
Publication Date: 2026.03.24 HUAWEI TECH CO LTD
  • US12585442B2 patent drawing
  • US12585442B2 patent drawing
  • US12585442B2 patent drawing

AI summary

This application provides a display interface layout method and an electronic device. A preset initial layout file may be displayed on a development interface by using an application development tool. A developer may add one or more control units to the initial layout file, and set an attribute constraint condition of the control unit, to obtain a first layout file that corresponds to a first display interface and that is in a first application. An attribute value of the control unit is obtained by a running device of the first application through calculation based on the corresponding attribute constraint condition. Subsequently, the running device of the first application may calculate an attribute value of each control unit based on the attribute constraint condition set in the first layout file, to automatically complete layout and display of the first display interface based on the attribute value of each control unit.