GUI Image Scaling via Multi-Resolution Containers
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing graphical user interface (GUI) systems do not support the display of images with varying sizes based on display scaling, leading to images appearing distorted, blurred, or pixelated when displayed on high-resolution screens.
Innovation Solution
A GUI system that includes an image list with an index of logical images of fixed pixel size, an image container with multiple size versions of these images, and control objects that update the image list with the appropriate size versions based on display scaling, ensuring that images are redrawn with the correct pixel size to maintain aspect ratio and clarity.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If images of fixed pixel size are stored in the image list, then efficient management of a large number of images is achieved, but images appear distorted, blurred, or pixelated when displayed on high-resolution screens with display scaling
Solution Approach 1:
The patent segments the image management system into multiple components: an image list for efficient storage and management, an image container holding multiple size versions of each logical image, and a mapping mechanism that connects logical images to their corresponding size versions. This segmentation allows the system to maintain both efficient management and high image quality by selecting appropriate image sizes based on display scaling settings.
Solution Approach 2:
The patent adds a new dimension to image management by introducing multiple size versions of each image (different resolutions) and using display scaling settings as an additional selection criterion. Instead of storing only fixed-size images, the system now manages images across multiple size dimensions, allowing it to select the optimal image size for each display context, thereby resolving the contradiction between efficient management and image quality.
2Shape
If images are drawn with more pixels to appear physically larger on scaled displays, then the images maintain their intended visual size, but the images become distorted, blurred, and pixelated
Solution Approach 1:
The patent applies preliminary action by pre-generating multiple size versions of each logical image at different resolutions and storing them in the image container. When display scaling changes, the system can immediately select the appropriate pre-rendered image size without needing to upscale or distort images, thereby maintaining both the intended visual size and image clarity.
Solution Approach 2:
The patent changes the parameter of image resolution by selecting different size versions of images based on display scaling settings. Instead of maintaining a fixed pixel size, the system dynamically adjusts the image resolution parameter to match the display scaling, ensuring images appear at the correct visual size without distortion or blurring.
3Manufacturing precision
If the image list is updated with multiple size versions of images, then images can be displayed at correct resolution on scaled displays, but the complexity of managing the image list increases
Solution Approach 1:
The patent introduces an intermediary mapping mechanism that connects logical images in the image list to their corresponding size versions in the image container. This mapping layer simplifies management by allowing the system to reference images through logical indices while automatically resolving to the appropriate size version based on display scaling, thereby reducing the apparent complexity of managing multiple image sizes.
Solution Approach 2:
The patent uses copying by creating size version copies of each logical image at different resolutions. These copies are stored in the image container and referenced through the mapping mechanism. This approach allows efficient management because the system can copy or reference image data without duplicating the entire management structure, maintaining simplicity while supporting multiple resolutions.
4Manufacturing precision
If images are redrawn with correct pixel size based on display scaling, then image quality is maintained, but additional processing time and computational resources are required
Solution Approach 1:
The patent applies preliminary action by pre-rendering multiple size versions of images at different resolutions and storing them in advance in the image container. When display scaling changes, the system can immediately select and display the appropriate pre-rendered version without performing time-consuming real-time scaling operations, thereby maintaining image quality while minimizing additional processing time.
Data Source
AI summary
A graphical user interface (GUI) includes an image list associated with a display component of a display device. The image list has an index of logical images, where each of the logical images has a fixed pixel size. The GUI further includes an image container connected to the image list, where the image container comprises a plurality of different size versions of at least some of the logical images. The GUI further includes one or more control objects, where each of the control objects is configured to draw a corresponding image from the index of logical images of the image list. The GUI is configured to update the index of logical images of the image list with the different size versions sourced from the image container in response to a scale change of the display component.