Grid Display Device for Mobile Terminals with Scroll-Driven Rendering
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile terminals with low performance struggle to rapidly display grids for various information on web pages due to limited data processing capacity and memory, leading to slower loading times and limited content display.
Innovation Solution
A grid display device and method that utilizes a scroll bar to display grids on mobile terminals, where meshes are fixed and only content within the visible area is updated, with features like dynamic content rendering based on scroll bar velocity and acceleration, and image creation using a canvas tag to enhance performance.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If the grid is fully rendered and displayed on the screen, then all contents are visible to the user, but the display performance deteriorates due to limited data processing capacity and memory
Solution Approach 1:
The grid display is segmented into visible and non-visible portions. Only the portion within the visible area is rendered and displayed, while other portions remain unrendered. This segmentation allows the system to display relevant content without the performance penalty of rendering the entire grid, thus resolving the contradiction between content visibility and display speed.
Solution Approach 2:
The rendering resources are concentrated on the local visible area of the grid rather than uniformly rendering the entire grid. By applying rendering only where needed (in the visible portion), the system achieves efficient use of limited processing capacity and memory, maintaining display speed while preserving essential content visibility.
2Productivity
If the grid rendering is optimized for speed, then display performance improves, but the complexity of the rendering system increases
Solution Approach 1:
Instead of implementing a complex partial rendering system that selectively renders only visible portions, the patent applies excessive rendering by rendering the entire grid. However, this is compensated by hardware acceleration and optimization techniques that make the full rendering process efficient. This approach simplifies the rendering system logic while maintaining display speed through optimized execution.
3Loss of information
If all grid contents are displayed simultaneously, then information completeness is improved, but the memory consumption increases
Solution Approach 1:
The grid content is segmented into visible and non-visible portions in memory. Only the visible portion is actively maintained and rendered, while non-visible portions can be discarded or stored in a compressed state. This segmentation reduces memory consumption while ensuring that complete information is available when needed through on-demand loading or generation.
Data Source
AI summary
A grid display device and a grid display method in a mobile terminal are provided. The grid display device in a mobile terminal includes a scroll control unit that displays a grid to be displayed on a screen of a display unit of the mobile terminal using a scroll bar when the grid is larger than the screen and a grid display unit that displays meshes of the grid on the screen and changes contents to be displayed in the fixed mesh of the grid in correspondence with a changed position of the scroll bar. According to the grid display device in a mobile terminal, it is possible to control a display of a grid so that the grid used in the mobile terminal having relatively low performance can rapidly operate.