Window Scaling With Rounded-Corner Masking During Display Resizing
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The deformation of rounded corners during non-proportional scaling of windows on electronic device displays affects the display effect and user experience.
Innovation Solution
A method where a second window is drawn on a canvas based on the size and content of rounded corners of a first window, ensuring proportional scaling or unchanged size, and displayed to cover the first window during non-proportional scaling, then revealed when scaling is complete.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If non-proportional scaling is applied to a window during deformation, then the window can be stretched or widened to adjust position and size, but the rounded corners will deform consequently affecting the display effect and user experience
Solution Approach 1:
A second window is introduced as an intermediary element to mask the deformation of rounded corners during non-proportional scaling. The second window is drawn on a canvas with pre-calculated rounded corner dimensions based on the first window's size and content, then displayed to cover the deformed first window, providing a smooth transition effect that hides the harmful deformation visual artifacts.
2Shape
If a second window is drawn and displayed to cover the first window during scaling, then normal rounded corners can be maintained, but the device complexity increases due to additional window management
Solution Approach 1:
The window scaling process is segmented into distinct phases: proportional scaling phase where the original window is updated directly, and non-proportional scaling phase where a second window with corrected rounded corners is introduced. This segmentation allows the system to manage complexity by only activating the second window mechanism when needed, rather than maintaining it continuously.
Solution Approach 2:
The system dynamically changes parameters including the decision to introduce a second window based on scaling type, the rounded corner radius calculated from window size and content characteristics, and the visibility state of windows during transitions. These parameter changes enable adaptive complexity management where the system only incurs additional overhead when non-proportional scaling is detected.
Data Source
Figure 1(a)~1(b)
Figure 2~3(b)
Figure 4A
AI summary
This application provides a window display method, an electronic device, and a computer-readable storage medium. The window display method includes: drawing, based on a size of rounded corners of a second window and a content of the second window, the second window on a canvas of the second window when determining that non-proportional scaling is required for a first window displayed on a display interface of the electronic device, where the second window and the first window are of the same size, and a position of the second window on the display interface is the same as a position of the first window on the display interface; displaying the second window on the display interface and hiding the first window when drawing of the second window is completed; and displaying the scaled first window on the display interface and hiding the second window when determining that scaling of the first window is completed. The second window can cover the first window. In the process of non-proportional scaling of the first window, a normal rounded corner display effect can be presented on the display interface, thereby improving user experience.