User interface tools for cropping and straightening image

• US 10,552,016 B2
• Filed: 12/23/2016
• Issued: 02/04/2020
• Est. Priority Date: 03/06/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Cherna, Timothy D., Ubillos, Randy, Sun, Zehang
• Primary Examiner(s): Tswei, YuJang
• Application Number:
  US15/390,288
• Publication Number:
  US 20170109023A1
• Time in Patent Office: 1,138 Days
• Field of Search: None
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/16 Sound input; Sound output speech processing G10L
• CPC Class Codes: G06F 3/167 Audio in a user interface, e.g. using voice commands for navigating, audio feedback
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: G06T 3/60 Rotation of whole images or parts thereof
• CPC Class Codes: H04N 1/3877 Image rotation

Abstract

Some embodiments provide an image editing application that edits an image. The image editing application displays an image in a display area. The image editing application displays a rotatable user interface item. In response to receiving a user input, the image editing application rotates the rotatable user interface item. The image editing application rotates the image displayed in the display area based on the rotation of the rotatable user interface item.

Claims

1. For an image editing application, a method comprising:

displaying an image in a display area of the image editing application;

in response to input selecting a rotation tool of the image editing application, displaying a rotatable user interface (UI) item that is separate from the image, wherein the rotatable UI item is a partial circle dial comprising markings to indicate an amount to rotate the image; and

in response to touch input selecting and rotating the rotatable UI item, rotating the image with respect to a border of the display area.

2. The method of claim 1, wherein the partial circle dial comprises an upper portion of a circle displayed at a bottom of the display area.

3. The method of claim 1, further comprising playing back sound while rotating the rotatable UI item to provide an audible indication of rotating the rotatable UI item.

4. The method of claim 1, further comprising displaying a set of gridlines in the display area while receiving the touch input selecting and rotating the rotatable UI item.

5. The method of claim 1, further comprising, prior to the input selecting the rotation tool, displaying a plurality of editing tools for accessing different types of editing tools for editing the image, wherein the rotation tool is one of the editing tools.

6. The method of claim 1, further comprising adjusting a zoom level of the image as the image rotates such that the image completely fills the image display area.

7. The method of claim 1, further comprising:

in response to receiving touch input to rotate the image directly on the displayed image, rotating (i) the displayed image, and (ii) the rotatable UI item.

8. A non-transitory machine readable medium storing an image editing application for execution by at least one processing unit, the image editing application comprising sets of instructions for:

displaying an image in a display area of the image editing application;

in response to input selecting a rotation tool of the image editing application, displaying a rotatable user interface (UI) item that is separate from the image, wherein the rotatable UI item is a partial circle dial comprising markings to indicate an amount to rotate the image; and

in response to touch input selecting and rotating the rotatable UI item, rotating the image with respect to a border of the display area.

9. The non-transitory machine readable medium of claim 8, wherein the partial circle dial comprises an upper portion of a circle displayed at a bottom of the display area.

10. The non-transitory machine readable medium of claim 8, wherein the image editing application further comprises a set of instructions for playing back sound while rotating the rotatable UI item to provide an audible indication of rotating the rotatable UI item.

11. The non-transitory machine readable medium of claim 8, wherein the image editing application further comprises a set of instructions for displaying a set of gridlines in the display area while receiving the touch input selecting and rotating the rotatable UI item.

12. The non-transitory machine readable medium of claim 8, wherein the image editing application further comprises sets of instructions for:

in response to the input selecting the rotation tool, automatically detecting a horizon line of the image; and

displaying a selectable UI item that indicates the detected horizon line, wherein selection of the selectable UI item causes the image-editing application to rotate the image to level the detected horizon line with respect to the display area.

13. The non-transitory machine readable medium of claim 8, wherein the image editing application further comprises sets of instructions for adjusting a zoom level of the image as the image rotates such that the image completely fills the image display area.

14. The non-transitory machine readable medium of claim 8, wherein the image editing application further comprises sets of instructions for:

in response to receiving touch input to rotate the image directly on the displayed image, rotating (i) the displayed image and (ii) the rotatable UI item.

15. An electronic device comprising:

a set of processing units;

a touchscreen display; and

a non-transitory machine readable medium storing an image editing application for execution by at least one of the processing units, the image editing application comprising sets of instructions for;

displaying an image in a display area of the image editing application;

in response to input selecting a rotation tool of the image editing application, displaying a rotatable user interface (UI) item that is separate from the image, wherein the rotatable UI item is a partial circle dial comprising markings to indicate an amount to rotate the image; and

in response to touch input through the touchscreen display selecting and rotating the rotatable UI item, rotating the image with respect to a border of the display area.

16. The electronic device of claim 15, wherein the partial circle dial comprises an upper portion of a circle displayed at a bottom of the display area.

17. The electronic device of claim 15, wherein the image editing application further comprises a set of instructions for playing back sound while rotating the rotatable UI item to provide an audible indication of rotating the rotatable UI item.

18. The electronic device of claim 15, wherein the image editing application further comprises sets of instructions for:

in response to the input selecting the rotation tool, automatically detecting a horizon line of the image; and

displaying a selectable UI item that indicates the detected horizon line, wherein selection of the selectable UI item causes the image-editing application to rotate the image to level the detected horizon line with respect to the display area.

19. The electronic device of claim 15, wherein the image editing application further comprises sets of instructions for adjusting a zoom level of the image as the image rotates such that the image completely fills the image display area.

20. The electronic device of claim 15, wherein the image editing application further comprises sets of instructions for:

in response to receiving touch input to rotate the image directly on the displayed image, rotating (i) the displayed image and (ii) the rotatable UI item.