Device, method, and graphical user interface for resizing user interface content
First Claim
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 has an initial aspect ratio, andthe 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;
detecting a user gesture, the user gesture corresponding to a gesture to resize the user interface element within the user interface, wherein the user gesture includes a contact with a visibly displayed at least a first resize handle in conjunction with the user interface element and one or more directional movements within the user interface;
in response to detecting the user gesture;
visibly displaying a first alignment guide that bisects the user interface element and the first resize handle, wherein the first alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the initial aspect ratio of the user interface element;
resizing the user interface element within the user interface in accordance with the user gesture;
while resizing the user interface element within the user interface;
while the first alignment guide is visibly displayed;
when the user gesture is substantially aligned with the first alignment guide, maintaining visible display of the first alignment guide; and
when the user gesture substantially deviates from the first alignment guide, terminating visible display of the first alignment guide;
while resizing the user interface element within the user interface, and after the visible display of the first alignment guide is terminated;
when the user gesture intersects an axis corresponding to a 1;
1 aspect ratio for the user interface element, visibly displaying a 1;
1 aspect ratio alignment guide in conjunction with the user interface element, wherein the 1;
1 aspect ratio alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the user interface element in a 1;
1 aspect ratio.
1 Assignment
0 Petitions
Accused Products
Abstract
Aspect ratio locking alignment guides for gestures are disclosed. In one embodiment, a gesture is detected to resize a user interface element, and in response, a first alignment guide is visibly displayed, wherein the first alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the initial aspect ratio of the user interface element. While the user interface element is resized in accordance with the user gesture, and while the first alignment guide is visibly displayed: when the user gesture is substantially aligned with the first alignment guide, visible display of the first alignment guide is maintained; and when the user gesture substantially deviates from the first alignment guide, visible display of the first alignment guide is terminated.
90 Citations
20 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 has an initial aspect ratio, and 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; detecting a user gesture, the user gesture corresponding to a gesture to resize the user interface element within the user interface, wherein the user gesture includes a contact with a visibly displayed at least a first resize handle in conjunction with the user interface element and one or more directional movements within the user interface; in response to detecting the user gesture; visibly displaying a first alignment guide that bisects the user interface element and the first resize handle, wherein the first alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the initial aspect ratio of the user interface element; resizing the user interface element within the user interface in accordance with the user gesture; while resizing the user interface element within the user interface; while the first alignment guide is visibly displayed;
when the user gesture is substantially aligned with the first alignment guide, maintaining visible display of the first alignment guide; and
when the user gesture substantially deviates from the first alignment guide, terminating visible display of the first alignment guide;while resizing the user interface element within the user interface, and after the visible display of the first alignment guide is terminated; when the user gesture intersects an axis corresponding to a 1;
1 aspect ratio for the user interface element, visibly displaying a 1;
1 aspect ratio alignment guide in conjunction with the user interface element, wherein the 1;
1 aspect ratio alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the user interface element in a 1;
1 aspect ratio.- View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)
-
13. A computing device, comprising:
-
a display; one or more user input devices adapted to detect user gestures; one or more processors;
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 has an initial aspect ratio, and 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; detecting a user gesture, the user gesture corresponding to a gesture to resize the user interface element within the user interface, wherein the user gesture includes a contact with a visibly displayed at least a first resize handle in conjunction with the user interface element and one or more directional movements within the user interface; in response to detecting the user gesture; visibly displaying a first alignment guide that bisects the user interface element and the first resize handle, wherein the first alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the initial aspect ratio of the user interface element; resizing the user interface element within the user interface in accordance with the user gesture; while resizing the user interface element within the user interface; while the first alignment guide is visibly displayed;
when the user gesture is substantially aligned with the first alignment guide, maintaining visible display of the first alignment guide; and
when the user gesture substantially deviates from the first alignment guide, terminating visible display of the first alignment guide;while resizing the user interface element within the user interface, and after the visible display of the first alignment guide is terminated; when the user gesture intersects an axis corresponding to a 1;
1 aspect ratio for the user interface element, visibly displaying a 1;
1 aspect ratio alignment guide in conjunction with the user interface element, wherein the 1;
1 aspect ratio alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the user interface element in a 1;
1 aspect ratio. - View Dependent Claims (14, 15, 16, 17, 18)
-
-
19. A graphical user interface comprising:
-
a computing device with a display and one or more user input devices adapted to detect user gestures; a user interface including at least one user interface element, wherein; the user interface element has an initial aspect ratio, and 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; wherein; a user gesture is detected, the user gesture corresponding to a gesture to resize the user interface element within the user interface, wherein the user gesture includes a contact with a visibly displayed at least a first resize handle in conjunction with the user interface element and one or more directional movements within the user interface; in response to detecting the user gesture; a first alignment guide is visibly displayed, wherein the first alignment guide bisects the user interface element and the first resize handle, and the first alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the initial aspect ratio of the user interface element; the user interface element is resized within the user interface in accordance with the user gesture; while resizing the user interface element within the user interface; while the first alignment guide is visibly displayed; when the user gesture is substantially aligned with the first alignment guide, visible display of the first alignment guide is maintained; and when the user gesture substantially deviates from the first alignment guide, visible display of the first alignment guide is terminated; while resizing the user interface element within the user interface, and after the visible display of the first alignment guide is terminated; when the user gesture intersects an axis corresponding to a 1;
1 aspect ratio for the user interface element, visibly displaying a 1;
1 aspect ratio alignment guide in conjunction with the user interface element, wherein the 1;
1 aspect ratio alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the user interface element in a 1;
1 aspect ratio.
-
-
20. A 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 has an initial aspect ratio, and 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; detect a user gesture, the user gesture corresponding to a gesture to resize the user interface element within the user interface, wherein the user gesture includes a contact with a visibly displayed at least a first resize handle in conjunction with the user interface element and one or more directional movements within the user interface; in response to detecting the user gesture; visibly display a first alignment guide that bisects the user interface element and the first resize handle, wherein the first alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the initial aspect ratio of the user interface element; resize the user interface element within the user interface in accordance with the user gesture; while resizing the user interface element within the user interface; while the first alignment guide is visibly displayed; when the user gesture is substantially aligned with the first alignment guide, maintain visible display of the first alignment guide; and when the user gesture substantially deviates from the first alignment guide, terminate visible display of the first alignment guide; while resizing the user interface element within the user interface, and after the visible display of the first alignment guide is terminated; when the user gesture intersects an axis corresponding to a 1;
1 aspect ratio for the user interface element, visibly displaying a 1;
1 aspect ratio alignment guide in conjunction with the user interface element, wherein the 1;
1 aspect ratio alignment guide includes positions representing different sizes the user interface element can be resized to while maintaining the user interface element in a 1;
1 aspect ratio.
-
Specification