Device and method for resizing user interface content while maintaining an aspect ratio via snapping a perimeter to a gridline
First Claim
Patent Images
1. A method, comprising:
- at a computing device with a display and one or more user input devices adapted to detect user gestures;
displaying on the display a user interface including at least one user interface element, wherein;
the user interface element is configured to be resized within the user interface in response to user gestures detected with the one or more user input devices,the user interface element has an aspect ratio, andthe user interface element is displayed on the display in conjunction with a plurality of gridlines, which include a plurality of x-axis gridlines and a plurality of y-axis gridlines;
detecting a user gesture performed with one or more of the one or more user input devices, the user gesture corresponding to a gesture to resize the user interface element;
in response to detecting the user gesture, resizing the user interface element in accordance with the detected user gesture, wherein the detected user gesture has a directional path that intersects at least some of the plurality of gridlines;
while resizing the user interface element in accordance with the detected user gesture, maintaining the aspect ratio of the user interface element, wherein maintaining the aspect ratio of the user interface element includes;
when the directional path intersects more x-axis gridlines than y-axis gridlines, snapping a perimeter of the user interface element to respective x-axis gridlines when a respective distance between the perimeter of the user interface element and a respective x-axis gridline is less than a predefined distance threshold, and,when the directional path intersects more y-axis gridlines than x-axis gridlines, snapping a perimeter of the user interface element to respective y-axis gridlines when a respective distance between the perimeter of the user interface element and a respective y-axis gridline is less than the predefined distance threshold.
1 Assignment
0 Petitions
Accused Products
Abstract
Heuristics for resizing displayed objects within an electronic document are disclosed. The heuristics include resizing displayed objects to predefined ratios, resizing displayed objects by predefined increments, relating resizing of displayed objects to a global reference grid, and resizing a plurality of displayed objects aligned to an axis.
-
Citations
14 Claims
-
1. A method, comprising:
at a computing device with a display and one or more user input devices adapted to detect user gestures; displaying on the display a user interface including at least one user interface element, wherein; the user interface element is configured to be resized within the user interface in response to user gestures detected with the one or more user input devices, the user interface element has an aspect ratio, and the user interface element is displayed on the display in conjunction with a plurality of gridlines, which include a plurality of x-axis gridlines and a plurality of y-axis gridlines; detecting a user gesture performed with one or more of the one or more user input devices, the user gesture corresponding to a gesture to resize the user interface element; in response to detecting the user gesture, resizing the user interface element in accordance with the detected user gesture, wherein the detected user gesture has a directional path that intersects at least some of the plurality of gridlines; while resizing the user interface element in accordance with the detected user gesture, maintaining the aspect ratio of the user interface element, wherein maintaining the aspect ratio of the user interface element includes; when the directional path intersects more x-axis gridlines than y-axis gridlines, snapping a perimeter of the user interface element to respective x-axis gridlines when a respective distance between the perimeter of the user interface element and a respective x-axis gridline is less than a predefined distance threshold, and, when the directional path intersects more y-axis gridlines than x-axis gridlines, snapping a perimeter of the user interface element to respective y-axis gridlines when a respective distance between the perimeter of the user interface element and a respective y-axis gridline is less than the predefined distance threshold. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)
-
13. A computing device, comprising:
-
a display; one or more processors; one or more user input devices adapted to detect user gestures; memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for; displaying on the display a user interface including at least one user interface element, wherein; the user interface element is configured to be resized within the user interface in response to user gestures detected with the one or more user input devices, the user interface element has an aspect ratio, and the user interface element is displayed on the display in conjunction with a plurality of gridlines, which include a plurality of x-axis gridlines and a plurality of y-axis gridlines; detecting a user gesture performed with one or more of the one or more user input devices, the user gesture corresponding to a gesture to resize the user interface element; in response to detecting the user gesture, resizing the user interface element in accordance with the detected user gesture, wherein the detected user gesture has a directional path that intersects at least some of the plurality of gridlines; while resizing the user interface element in accordance with the detected user gesture, maintaining the aspect ratio of the user interface element, wherein maintaining the aspect ratio of the user interface element includes; when the directional path intersects more x-axis gridlines than y-axis gridlines, snapping a perimeter of the user interface element to respective x-axis gridlines when a respective distance between the perimeter of the user interface element and a respective x-axis gridline is less than a predefined distance threshold, and, when the directional path intersects more y-axis gridlines than x-axis gridlines, snapping a perimeter of the user interface element to respective y-axis gridlines when a respective distance between the perimeter of the user interface element and a respective y-axis gridline is less than the predefined distance threshold.
-
-
14. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a computing device with a display and one or more user input devices adapted to detect user gestures, cause the device to:
-
display on the display a user interface including at least one user interface element, wherein; the user interface element is configured to be resized within the user interface in response to user gestures detected with the one or more user input devices, the user interface element has an aspect ratio, and the user interface element is displayed on the display in conjunction with a plurality of gridlines, which include a plurality of x-axis gridlines and a plurality of y-axis gridlines; detect a user gesture performed with one or more of the one or more user input devices, the user gesture corresponding to a gesture to resize the user interface element; in response to detecting the user gesture, resize the user interface element in accordance with the detected user gesture, wherein the detected user gesture has a directional path that intersects at least some of the plurality of gridlines; while resizing the user interface element in accordance with the detected user gesture, maintain the aspect ratio of the user interface element, wherein maintaining the aspect ratio of the user interface element includes; when the directional path intersects more x-axis gridlines than y-axis gridlines, snap a perimeter of the user interface element to respective x-axis gridlines when a respective distance between the perimeter of the user interface element and a respective x-axis gridline is less than a predefined distance threshold, and, when the directional path intersects more y-axis gridlines than x-axis gridlines, snap a perimeter of the user interface element to respective y-axis gridlines when a respective distance between the perimeter of the user interface element and a respective y-axis gridline is less than the predefined distance threshold.
-
Specification