GUI Light and Shadow Rendering for Irregular Interface Elements

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current light and shadow display effects in electronic devices are limited to simple shapes, such as circular and rounded rectangular controls, failing to achieve a more realistic and enriched GUI experience.

Innovation Solution

An adaptive light and shadow effect display method that utilizes preset lighting information and current display information to enhance GUI rendering, supporting various irregular shapes and materials, including translucent effects, by employing a multi-layer rendering process involving border, lighting, user interface canvas, and shadow hosting layers.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If light and shadow display is limited to simple shapes (circular and rounded rectangular controls), then the implementation complexity is reduced, but the GUI display richness and realism are insufficient

Engineering Contradiction:
ImproveGUI display richnessVSAvoidimplementation complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent applies universality by creating a unified lighting rendering system that handles multiple shape types (simple shapes like circular/rounded rectangular controls and complex irregular shapes) through a single set of rendering mechanisms. The system uses universal lighting information structures and rendering equations that can accommodate any shape configuration, eliminating the need for separate handling of different shape categories while maintaining rich display effects for all shapes.

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

Solution Approach 2:

The patent utilizes parameter changes by dynamically adjusting lighting parameters (light source position, light intensity, shadow depth, material properties) based on the shape characteristics and display requirements. The system changes rendering parameters adaptively to achieve realistic light and shadow effects for both simple and complex shapes, transforming the static rendering approach into a dynamic one that adjusts to different graphical elements.

Inventive Principle:
Principle #35Parameter changes

2Manufacturing precision

If adaptive lighting rendering is implemented for all shapes and materials, then the visual fidelity and user experience are improved, but the rendering time and computational resources increase

Engineering Contradiction:
Improvevisual fidelityVSAvoidrendering time
Core Design Contradiction:
Manufacturing precisionVSLoss of time

Solution Approach 1:

The patent applies partial action by implementing lighting rendering at different levels of detail based on the display requirements. The system performs complete adaptive lighting rendering for critical UI elements that require high visual fidelity, while using simplified rendering approaches for less important elements. This selective rendering strategy achieves high visual quality where needed without unnecessarily consuming computational resources for all elements uniformly.

Inventive Principle:
Principle #16Partial or excessive action

Solution Approach 2:

The patent implements dynamics by making the lighting rendering process adaptive and flexible rather than static. The system dynamically adjusts rendering quality, light source configurations, and computational complexity based on real-time display requirements, user interaction context, and hardware capabilities. This dynamic adaptation allows the system to optimize between visual fidelity and rendering time on a per-frame basis.

Inventive Principle:
Principle #15Dynamics

3Measurement precision

If multiple rendering layers (border, lighting, user interface canvas, shadow hosting) are used, then the light and shadow effect accuracy is improved, but the rendering process complexity increases

Engineering Contradiction:
Improvelight and shadow effect accuracyVSAvoidrendering process complexity
Core Design Contradiction:
Measurement precisionVSDevice complexity

Solution Approach 1:

The patent applies segmentation by dividing the rendering process into distinct functional layers: border rendering layer, lighting rendering layer, user interface canvas layer, and shadow hosting layer. Each layer handles specific rendering tasks independently, allowing for modular development, easier debugging, and optimized processing. The border layer handles edge effects, the lighting layer computes illumination, the canvas layer renders UI content, and the shadow layer manages shadow effects, with each layer can be processed in parallel or in optimized sequences.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent implements nesting by organizing the rendering layers in a hierarchical structure where simpler rendering operations are nested within more complex ones. The border rendering is nested within the lighting rendering, which is nested within the user interface canvas rendering, and the shadow hosting layer encapsulates all previous layers. This nested architecture allows efficient composition where lower-level rendering results are reused by higher-level layers, reducing redundant computations while maintaining high accuracy.

Inventive Principle:
Principle #7Nested doll (Nesting)

Data Source

PatentUS20260072579A1Light and shadow effect display method and electronic device
Publication Date: 2026.03.12 HUAWEI TECH CO LTD
  • US20260072579A1 patent drawing
  • US20260072579A1 patent drawing
  • US20260072579A1 patent drawing

AI summary

This application relates to the field of terminal technologies, and provides a light and shadow effect display method and an electronic device. In this application, a light and shadow effect can be adaptively displayed based on preset lighting information and current display information. In this way, an interface light and shadow effect is enriched, and user experience is improved. The method includes the following operations: The electronic device detects a first operation of a user, and determines to refresh a first interface being displayed. The electronic device obtains lighting information and current display information, where the lighting information is a preconfigured global illumination definition. The electronic device performs lighting rendering based on the lighting information and the current display information. Then the electronic device displays a second interface, where a first component in the second interface has a light and shadow effect formed after the lighting rendering.