UI Framework Decoupling Rendering and Logic for Smooth Scrolling
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional user interface (UI) development for electronic devices is cumbersome and labor-intensive, leading to inconsistent and visually unappealing UIs across applications, with applications responsible for both data and graphical rendering, resulting in slow and jerky rendering and compromised user experience.
Innovation Solution
A UI framework that separates UI visualization, logic, and data, allowing for a seamless and rich UI experience by decoupling UI client engines from UI rendering engines, enabling asynchronous data services and independent operation of rendering and application threads, thus reducing lag and enhancing customization and scalability.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If applications are responsible for both data and graphical rendering, then applications have full control over UI, but rendering becomes slow and jerky
Solution Approach 1:
The patent divides the UI system into separate components: a UI framework that handles rendering and a set of UI elements that handle data and logic. This segmentation allows the rendering process to be optimized independently from application logic, resolving the contradiction between rendering smoothness and rendering speed.
Solution Approach 2:
The UI framework acts as an intermediary between applications and the display. It receives data from applications, processes rendering operations, and presents the UI elements, thereby mediating between application control requirements and rendering performance requirements.
2Adaptability or versatility
If applications write their own UI code, then customization is possible, but development becomes cumbersome and labor-intensive
Solution Approach 1:
The patent creates a universal UI framework that provides common UI elements and rendering capabilities that can be reused across multiple applications. This reduces the need for applications to write their own UI code from scratch, thereby reducing development effort while maintaining customization capability through the framework's flexible architecture.
Solution Approach 2:
Instead of applications creating unique UI code, the framework provides standardized UI element templates that can be instantiated and customized. Applications copy the framework's proven UI patterns rather than reinventing them, reducing development time and effort.
3Manufacturing precision
If UI rendering blocks application processes, then rendering can be completed thoroughly, but user experience deteriorates due to lag
Solution Approach 1:
The patent implements dynamic rendering where the UI framework can adjust rendering operations based on system state and user interaction. Rendering quality can be adjusted dynamically to balance between thoroughness and responsiveness, preventing lag while maintaining acceptable rendering quality.
Solution Approach 2:
The framework performs preliminary rendering operations and prepares UI elements in advance, so that when users interact with the UI, the rendering is already optimized and ready, reducing perceived lag time while maintaining rendering quality.
Data Source
AI summary
A method of modifying attributes of list elements in a layout space of the list as the list scrolls in a user interface is disclosed herein. The method comprises determining a series of location values of each list element for a duration of a scroll event. Additionally, for each list element, at each determined location value of that list element, the attributes of that list element are determined by evaluating a set of spline curves associated with that list element based on that location value. The list elements are re-rendered in accordance with the determined attributes for the duration of the scroll event.