Image Edge Detection for GUI Background Region Isolation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing electronic devices face challenges in optimizing the display of Graphical User Interface (GUI) content, particularly in identifying and isolating main information regions within images to effectively set background images and arrange interactive objects, leading to suboptimal user experience due to cluttered or irrelevant content.
Innovation Solution
An information processing method that performs edge detection on images to determine edge strength values, identifies main information regions using grid-based search windows, and crops or arranges interactive objects accordingly to prioritize important content, enhancing the GUI by using the identified regions as background images or arranging icons outside information-dense areas.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If the entire image is used as background, then all image content is displayed, but the interactive objects become less visible and the interface becomes cluttered
Solution Approach 1:
The image is segmented into multiple regions based on information density. Edge detection algorithms divide the image into high-information regions (containing main subjects) and low-information regions (suitable for interactive objects). This segmentation allows the system to selectively display different parts of the image in different areas of the interface, resolving the conflict between preserving image content and ensuring interactive object visibility.
Solution Approach 2:
Different regions of the display are assigned different qualities based on their information density. High-information regions are reserved for displaying critical image content, while low-information regions are designated for interactive objects. This local differentiation ensures that each area serves its optimal function, maintaining both image visibility and interactive element prominence.
2Ease of operation
If image processing algorithms are applied to identify main information regions, then the GUI is optimized, but the processing time and computational resources increase
Solution Approach 1:
Instead of processing the entire image with complex algorithms, the system applies edge detection only to identify key regions. Once the main information regions are detected, the remaining areas are automatically classified as low-information regions. This partial processing approach achieves sufficient GUI optimization without requiring exhaustive analysis of every pixel, thereby reducing processing time while maintaining effectiveness.
3Adaptability or versatility
If interactive objects are placed on the image, then the interface becomes functional, but the main information regions may be obscured
Solution Approach 1:
The system extracts and isolates the main information regions from the rest of the image using edge detection. By identifying these critical regions first, the system can then strategically place interactive objects in the remaining low-information areas. This extraction approach ensures that interactive functionality is added without obscuring the primary image content, as objects are deliberately positioned in regions that contribute less to the overall information value.
Data Source
AI summary
The disclosure provides an information processing method applied to an electronic device. The method comprises: performing edge detection on a first image to obtain edge strength values for respective pixels of the first image; determining, according to the edge strength values of the pixels, a main information region of the first image; cropping, according to the main information region, the first image to obtain a second image which includes the main information region; and setting the second image as a background image for a graphical interactive interface of the electronic device, wherein the graphical interactive interface includes N controls, N being a positive integer.