Device, method, and graphical user interface for manipulating a user interface object
First Claim
1. A method, comprising:
- at a computing device with a display and a touch-sensitive surface;
simultaneously displaying on the display;
a digital image; and
a cropping mask rectangle for the digital image, wherein the cropping mask rectangle has four edges comprising a top edge, a bottom edge, a left edge, and a right edge;
while simultaneously displaying the digital image and the cropping mask rectangle, detecting a first contact and a second contact concurrently on the touch-sensitive surface;
determining which contact of the first contact and the second contact is a topmost contact on the touch-sensitive surface;
determining which contact of the first contact and the second contact is a leftmost contact on the touch-sensitive surface; and
while continuing to detect the first contact and the second contact on the touch-sensitive surface;
detecting movement of the first contact across the touch-sensitive surface; and
concurrently moving on the display two edges of the cropping mask rectangle that correspond to the first contact in accordance with the detected movement of the first contact, including horizontally moving one of the two edges and vertically moving the other of the two edges, wherein movement of the two edges of the cropping mask on the display is independent of whether the first contact or the second contact are detected at a location on the touch-sensitive surface that corresponds to a location on the display of an edge of the cropping mask rectangle.
1 Assignment
0 Petitions
Accused Products
Abstract
In some embodiments, an electronic device with a display and a touch-sensitive surface displays a user interface object. The device detects a first contact and a second contact concurrently on the touch-sensitive surface. The device determines which contact of the first contact and the second contact is a topmost contact, a bottommost contact, a leftmost contact, and a rightmost contact on the touch-sensitive surface. While continuing to detect the first contact and the second contact, the device detects movement of the first contact across the touch-sensitive surface, and concurrently moves two edges of the user interface object that correspond to the first contact in accordance with the detected movement of the first contact, including horizontally moving one of the two edges and vertically moving the other of the two edges.
-
Citations
30 Claims
-
1. A method, comprising:
at a computing device with a display and a touch-sensitive surface; simultaneously displaying on the display; a digital image; and a cropping mask rectangle for the digital image, wherein the cropping mask rectangle has four edges comprising a top edge, a bottom edge, a left edge, and a right edge; while simultaneously displaying the digital image and the cropping mask rectangle, detecting a first contact and a second contact concurrently on the touch-sensitive surface; determining which contact of the first contact and the second contact is a topmost contact on the touch-sensitive surface; determining which contact of the first contact and the second contact is a leftmost contact on the touch-sensitive surface; and while continuing to detect the first contact and the second contact on the touch-sensitive surface; detecting movement of the first contact across the touch-sensitive surface; and concurrently moving on the display two edges of the cropping mask rectangle that correspond to the first contact in accordance with the detected movement of the first contact, including horizontally moving one of the two edges and vertically moving the other of the two edges, wherein movement of the two edges of the cropping mask on the display is independent of whether the first contact or the second contact are detected at a location on the touch-sensitive surface that corresponds to a location on the display of an edge of the cropping mask rectangle. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 25, 26)
-
9. A computing device, comprising:
-
a touch-sensitive surface; a display; 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; simultaneously displaying on the display; a digital image; and a cropping mask rectangle for the digital image, wherein the cropping mask rectangle has four edges comprising a top edge, a bottom edge, a left edge, and a right edge; while simultaneously displaying the digital image and the cropping mask rectangle mask, detecting a first contact and a second contact concurrently on the touch-sensitive surface; determining which contact of the first contact and the second contact is a topmost contact on the touch-sensitive surface; determining which contact of the first contact and the second contact is a leftmost contact on the touch-sensitive surface; and while continuing to detect the first contact and the second contact on the touch-sensitive surface; detecting movement of the first contact across the touch-sensitive surface; and concurrently moving on the display two edges of the cropping mask rectangle that correspond to the first contact in accordance with the detected movement of the first contact, including horizontally moving one of the two edges and vertically moving the other of the two edges, wherein movement of the two edges of the cropping mask on the display is independent of whether the first contact or the second contact are detected at a location on the touch-sensitive surface that corresponds to a location on the display of an edge of the cropping mask rectangle. - View Dependent Claims (11, 12, 13, 14, 15, 16, 17, 27, 28)
-
-
10. A non-transitory computer readable storage medium having stored therein instructions, which when executed by a computing device with a touch-sensitive surface and a display, cause the device to:
-
simultaneously display on the display; a digital image; and a cropping mask rectangle for the digital image, wherein the cropping mask rectangle has four edges comprising a top edge, a bottom edge, a left edge, and a right edge; while simultaneously displaying the digital image and the cropping mask rectangle mask, detect a first contact and a second contact concurrently on the touch-sensitive surface; determine which contact of the first contact and the second contact is a topmost contact on the touch-sensitive surface; determine which contact of the first contact and the second contact is a leftmost contact on the touch-sensitive surface; and
,while continuing to detect the first contact and the second contact on the touch-sensitive surface; detect movement of the first contact across the touch-sensitive surface; and concurrently move on the display two edges of the cropping mask rectangle that correspond to the first contact in accordance with the detected movement of the first contact, including horizontally moving one of the two edges and vertically moving the other of the two edges, wherein movement of the two edges of the cropping mask on the display is independent of whether the first contact or the second contact are detected at a location on the touch-sensitive surface that corresponds to a location on the display of an edge of the cropping mask rectangle. - View Dependent Claims (18, 19, 20, 21, 22, 23, 24, 29, 30)
-
Specification