Device and method for resizing user interface content

• US 9,477,390 B2
• Filed: 02/18/2013
• Issued: 10/25/2016
• Est. Priority Date: 12/16/2009
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Leffert, Akiva Dov, Rapp, Peter W., Weeldreyer, Christopher D., Capela, Jay Chrisopher, Marr, Jason Robert
• Primary Examiner(s): Chow, Doon
• Assistant Examiner(s): VARGA, WILSON V
• Application Number:
  US13/769,732
• Publication Number:
  US 20130159925A1
• Time in Patent Office: 1,345 Days
• Field of Search: 715800-801
• US Class Current: 1/1
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

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.

Claims

1. A method, comprising:

displaying on a display of an electronic device a user interface comprising a user interface element, wherein the user interface element comprises an initial aspect ratio and an initial size;

detecting a user input via a processor of the electronic device, wherein the user input comprises a moving input to resize the user interface element;

displaying a plurality of lines corresponding to a respective plurality of stored aspect ratios while the user input is detected;

resizing the user interface element according to the detected user input; and

snapping the user interface element to a second size, wherein the second size corresponds to one of the respective plurality of stored aspect ratios, and wherein snapping the user interface element to the second size comprises snapping the user interface element to a size corresponding to an aspect ratio different from the initial aspect ratio.

2. The method of claim 1, wherein displaying the user interface element comprises displaying a first resize handle and a second resize handle positioned on opposite portions of the user interface element, and wherein detecting the user input comprises detecting a directional movement of one or more of the first resize handle and the second resize handle of the user interface element.

3. The method of claim 1, comprising displaying the user interface element and a second user interface element substantially simultaneously, wherein the second user interface element comprises an aspect ratio corresponding to the one of the respective plurality of stored aspect ratios.

4. The method of claim 1, wherein snapping the user interface element to the second size comprises snapping the user interface element to a size corresponding to a 1:

1 aspect ratio, a 2;

3 aspect ratio, a 3;

2 aspect ratio, a 3;

5 aspect ratio, a 5;

3 aspect ratio, a 5;

7 aspect ratio, a 7;

5 aspect ratio, a 8;

10 aspect ratio, a 10;

8 aspect ratio, a 3;

4 aspect ratio, a 4;

3 aspect ratio, a 16;

9 aspect ratio, a 9;

16 aspect ratio, or any combination thereof.

5. The method of claim 1, comprising displaying the user interface element and a second user interface element concurrently, wherein snapping the user interface element to the second size comprises snapping the second user interface to the second size substantially simultaneously.

6. The method of claim 1, comprising displaying an affordance substantially simultaneously with the user interface element, wherein the affordance is configured to display the initial size and the initial aspect ratio of the user interface element before the user interface is resized.

7. The method of claim 6, comprising displaying the affordance comprising the second size and a second aspect ratio while resizing the user interface element.

8. A non-transitory computer-readable medium having computer executable code stored thereon, the code comprising instructions to:

cause a processor of an electronic device to display on a display of the electronic device a user interface comprising a user interface element, wherein the user interface element comprises an initial aspect ratio and an initial size;

cause the processor to detect a user input, wherein the user input comprises a moving input to resize the user interface element;

cause the processor to display a plurality of lines corresponding to a respective plurality of stored aspect ratios while the user input is detected;

cause the processor to resize the user interface element according to the detected user input; and

cause the processor to snap the user interface element to a second size, wherein the second size corresponds to one of the respective plurality of stored aspect ratios, and wherein snapping the user interface element to the second size comprises snapping the user interface element to a size corresponding to an aspect ratio different from the initial aspect ratio.