GUI Object Resizing via Quadrant Segmentation and Pivot Points
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional graphical user interface resizing systems are complex, require high user sophistication, and often result in object distortion, failing to maintain the overall look and feel during resizing across different devices.
Innovation Solution
A system that allows users to select objects within a graphical user interface, segment them into quadrants using a pivot point, and resize by moving edges, maintaining relationships between edges and content to prevent distortion.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If conventional resizing systems are used to scale user interfaces, then the ability to resize objects is provided, but the systems become complicated and require high user sophistication
Solution Approach 1:
The system segments the object into quadrants by placing a pivot point within the selected object, dividing it into four quadrants. Each quadrant is then independently manipulated during resizing operations, allowing complex resizing to be broken down into simpler, more manageable operations that maintain object characteristics while reducing user burden
Solution Approach 2:
The pivot point serves as an intermediary element that mediates the resizing operation. By placing the pivot point within the object and using it as a reference for quadrant segmentation, the system provides an intuitive control mechanism that simplifies the resizing process while maintaining precision and object characteristics
2Productivity
If conventional resizing systems are used to manipulate objects, then resizing functionality is provided, but object distortion occurs
Solution Approach 1:
The object is divided into quadrants based on the pivot point location, allowing each quadrant to be independently positioned during resizing. This segmentation prevents distortion by ensuring that each portion of the object maintains its relative position and characteristics while the overall object is resized
Solution Approach 2:
Different quadrants are treated with different positioning rules during resizing operations. Each quadrant's movement is constrained and controlled based on its relationship to the pivot point and selected edges, ensuring that local object characteristics are preserved while allowing global resizing
3Ease of operation
If users manually define constraints for resizing, then specific control is achieved, but the process becomes more complex and less usable
Solution Approach 1:
The system automatically segments the object into quadrants and establishes positioning rules based on the pivot point and selected edges without requiring user-defined constraints. The system self-manages the complexity of constraint management while providing simple edge-based control to the user
Solution Approach 2:
The system performs preliminary segmentation of the object into quadrants and pre-establishes positioning rules before the resizing operation begins. This preliminary setup eliminates the need for users to define constraints during the resizing process, simplifying the user interaction while maintaining precise control
Data Source
AI summary
The present disclosure is directed toward systems, and corresponding computer-readable media and methods for resizing a graphical user interface. For instance, the systems described herein detect a user selection of an object within a graphical user interface, segment the user selection into quadrants, and move the quadrants to resize the selected object based on the user input. The systems further place a pivot point within the selected object to partition the object into the quadrants. The systems detect movement of one or more selected edges and move the quadrants together with movement of the one or more selected edges to resize the selected object.