Device, method, and graphical user interface for manipulating framed graphical objects

• US 10,191,627 B2
• Filed: 11/07/2014
• Issued: 01/29/2019
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Cieplinski, Avi E., Bernstein, Jeffrey Traer, Missig, Julian, Khoe, May-Li, Victor, B. Michael
• Primary Examiner(s): To, Jennifer N
• Assistant Examiner(s): Burwell, Joseph R.
• Application Number:
  US14/536,235
• Publication Number:
  US 20150067560A1
• Time in Patent Office: 1,544 Days
• CPC Class Codes: G06F 2203/04105 Pressure sensors for measuring the pressure or force exerted on the touch surface without providing the touch position
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

An electronic device with a touch-sensitive surface, a display, and one or more sensors to detect intensity of contacts with the touch-sensitive surface displays a graphical object inside of a frame on the display, and detects a gesture. Detecting the gesture includes: detecting a contact on the touch-sensitive surface while a focus selector is over the graphical object, and detecting movement of the contact across the touch-sensitive surface. In response to detecting the gesture: in accordance with a determination that the contact meets predefined intensity criteria, the device removes the graphical object from the frame; and in accordance with a determination that the contact does not meet the predefined intensity criteria, the device adjusts an appearance of the graphical object inside of the frame.

Claims

1. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions for manipulating framed graphical objects which, when executed by an electronic device with a display, a touch-sensitive surface and one or more sensors to detect intensities of contacts with the touch-sensitive surface, cause the electronic device to:

display a first portion of a graphical object inside of a frame on the display;

detect a gesture, wherein detecting the gesture includes;

detecting a contact on the touch-sensitive surface while a focus selector is over the graphical object; and

detecting movement of the contact across the touch-sensitive surface; and

in response to detecting the gesture that includes movement of the contact across the touch-sensitive surface;

in accordance with a determination that the contact meets predefined intensity criteria, remove the graphical object from the frame; and

in accordance with a determination that the contact does not meet the predefined intensity criteria, adjust an appearance of the graphical object inside of the frame in accordance with the movement of the contact across the touch-sensitive surface to display a second portion of the graphical object that was not displayed prior to detecting the gesture.

2. The non-transitory computer readable storage medium of claim 1, wherein the movement of the contact of moves the focus selector outside of the frame.

3. The non-transitory computer readable storage medium of claim 2, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold before the focus selector moved outside of the frame.

4. The non-transitory computer readable storage medium of claim 1, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold at any point in time during the gesture.

5. The non-transitory computer readable storage medium of claim 1, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold prior to detecting the movement of the contact.

6. The non-transitory computer readable storage medium of claim 1, wherein adjusting the appearance of the graphical object inside of the frame includes translating the graphical object laterally within the frame.

7. The non-transitory computer readable storage medium of claim 1, wherein adjusting the appearance of the graphical object inside of the frame includes resizing the graphical object within the frame.

8. The non-transitory computer readable storage medium of claim 1, including instructions which cause the device to, after removing the graphical object from the frame:

continue to detect movement of the contact, wherein the movement of the contact corresponds to movement of the focus selector; and

display a thumbnail image of the graphical object moving on the display in accordance with movement of the focus selector.

9. The non-transitory computer readable storage medium of claim 1, including instructions which cause the device to:

after removing the graphical object from the frame, detect an end of the gesture; and

in response to detecting the end of the gesture, move the graphical object to a different frame.

10. An electronic device for manipulating framed graphical objects, comprising:

a display;

a touch-sensitive surface;

one or more sensors to detect intensities of contacts with the touch-sensitive surface;

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 a first portion of a graphical object inside of a frame on the display;

detecting a gesture, wherein detecting the gesture includes;

detecting a contact on the touch-sensitive surface while a focus selector is over the graphical object; and

detecting movement of the contact across the touch-sensitive surface; and

in response to detecting the gesture that includes movement of the contact across the touch-sensitive surface;

in accordance with a determination that the contact meets predefined intensity criteria, removing the graphical object from the frame; and

in accordance with a determination that the contact does not meet the predefined intensity criteria, adjusting an appearance of the graphical object inside of the frame in accordance with the movement of the contact across the touch-sensitive surface to display a second portion of the graphical object that was not displayed prior to detecting the gesture.

11. The device of claim 10, wherein the movement of the contact moves the focus selector outside of the frame.

12. The device of claim 11, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold before the focus selector moved outside of the frame.

13. The device of claim 10, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold at any point in time during the gesture.

14. The device of claim 10, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold prior to detecting the movement of the contact.

15. The device of claim 10, wherein adjusting the appearance of the graphical object inside of the frame includes translating the graphical object laterally within the frame.

16. The device of claim 10, wherein adjusting the appearance of the graphical object inside of the frame includes resizing the graphical object within the frame.

17. The device of claim 10, including instructions for, after removing the graphical object from the frame:

continuing to detect movement of the contact, wherein the movement of the contact corresponds to movement of the focus selector; and

displaying a thumbnail image of the graphical object moving on the display in accordance with movement of the focus selector.

18. The device of claim 10, including instructions for:

after removing the graphical object from the frame, detecting an end of the gesture; and

in response to detecting the end of the gesture, moving the graphical object to a different frame.

19. A method for manipulating framed graphical objects, comprising:

at an electronic device with a touch-sensitive surface and a display, wherein the device includes one or more sensors to detect intensities of contacts with the touch-sensitive surface;

displaying a first portion of a graphical object inside of a frame on the display;

detecting a gesture, wherein detecting the gesture includes;

detecting a contact on the touch-sensitive surface while a focus selector is over the graphical object; and

detecting movement of the contact across the touch-sensitive surface; and

in response to detecting the gesture that includes movement of the contact across the touch-sensitive surface;

in accordance with a determination that the contact meets predefined intensity criteria, removing the graphical object from the frame; and

in accordance with a determination that the contact does not meet the predefined intensity criteria, adjusting an appearance of the graphical object inside of the frame in accordance with the movement of the contact across the touch-sensitive surface to display a second portion of the graphical object that was not displayed prior to detecting the gesture.

20. The method of claim 19, wherein the movement of the contact moves the focus selector outside of the frame.

21. The method of claim 19, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold before the focus selector moved outside of the frame.

22. The method of claim 21, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold at any point in time during the gesture.

23. The method of claim 19, wherein the predefined intensity criteria include that the contact reached an intensity during the gesture above a respective intensity threshold prior to detecting the movement of the contact.

24. The method of claim 19, wherein adjusting the appearance of the graphical object inside of the frame includes translating the graphical object laterally within the frame.

25. The method of claim 19, wherein adjusting the appearance of the graphical object inside of the frame includes resizing the graphical object within the frame.

26. The method of claim 19, including, after removing the graphical object from the frame:

continuing to detect movement of the contact, wherein the movement of the contact corresponds to movement of the focus selector; and

displaying a thumbnail image of the graphical object moving on the display in accordance with movement of the focus selector.

27. The method of claim 19, including:

after removing the graphical object from the frame, detecting an end of the gesture; and

in response to detecting the end of the gesture, moving the graphical object to a different frame.