Device, method, and graphical user interface for manipulating selectable user interface objects
A multifunction device displays a plurality of selectable user interface objects. Each respective selectable user interface object has a respective activation region. The device detects a first input; and, in response to detecting the first input, the device selects the first selectable user interface object and the device additionally: deactivates the activation region of the first selectable user interface object, or reduces the activation region of the first selectable user interface object to a smaller area than the default activation region. The device also enlarges an activation region of a selectable user interface object that is adjacent to the first selectable user interface object such that the enlarged activation region of the adjacent selectable user interface object occupies at least a portion of an area previously occupied by the default activation region of the first selectable user interface object.
1. A multifunction device, comprising:
a display and a 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 user interface object having a position on the display and a plurality of user-modifiable properties;
detecting a first input;
in response to detecting the first input, displaying an editing area, wherein the editing area includes a plurality of editable fields for modifying the user-modifiable properties of the user interface object;
detecting a second input that includes:
detecting a contact at a location on the touch-sensitive surface that corresponds to a location on the display of an activation region for an object manipulation handle of the user interface object, and
detecting movement of the contact along the touch-sensitive surface;
in response to detecting the second input that includes detecting the contact at the location on the touch-sensitive surface that corresponds to the location on the display of the activation region for the object manipulation handle of the user interface object and detecting the movement of the contact along the touch-sensitive surface:
ceasing to display the editing area; and
modifying the user interface object in accordance with the movement of the contact;
detecting an end of the second input; and
in response to detecting the end of the second input, redisplaying the editing area.
2. The device of claim 1 , wherein the object manipulation handle is an object resizing handle and modifying the user interface object includes resizing the user interface object.
3. The device of claim 1 , wherein the object manipulation handle is an object movement handle and modifying the user interface object includes moving the user interface object.
4. The device of claim 1 , wherein:
ceasing to display the editing area includes replacing the editing area with a read-only area; and
redisplaying the editing area includes replacing the read-only area with the editing area.
5. The device of claim 4 , wherein:
the user interface object is an event in a calendar;
the editing area includes fields for editing information about the event;
the object manipulation handle is an object resizing handle associated with an end time of the event;
modifying the user interface object includes changing the end time of the event; and,
the read-only area includes a current end time for the event, and is located proximate to an end of the event.
6. The device of claim 4 , wherein:
the user interface object is an event in a calendar;
the editing area includes fields for editing information about the event;
the object manipulation handle is an object resizing handle associated with a start time of the event; and,
modifying the user interface object includes changing the start time of the event; and,
the read-only area includes a current start time for the event, and is located proximate to a beginning of the event.
7. The device of claim 4 , wherein replacing the editing area with the read-only area includes displaying an animation of the editing area transforming into the read-only area.
8. The device of claim 4 , wherein replacing the read-only area with the editing area includes displaying an animation of the read-only area transforming into the editing area.
9. The device of claim 1 , including instructions for:
in response to detecting the second input, updating an internal state of the multifunction device to reflect the modified user interface object and the ceased display state of the editing area.
10. The device of claim 1 , including instructions for:
in response to detecting the end of the second input, updating an internal state of the device to reflect the displayed state of the editing area.
11. A method, comprising:
at a multifunction device with a display and a touch-sensitive surface:
displaying a user interface object having a position on the display and a plurality of user-modifiable properties;
detecting a first input;
in response to detecting the first input, displaying an editing area, wherein the editing area includes a plurality of editable fields for modifying the user-modifiable properties of the user interface object;
detecting a second input that includes:
detecting a contact at a location on the touch-sensitive surface that corresponds to a location on the display of an activation region for an object manipulation handle of the user interface object, and
detecting movement of the contact along the touch-sensitive surface;
in response to detecting the second input that includes detecting the contact at the location on the touch-sensitive surface that corresponds to the location on the display of the activation region for the object manipulation handle of the user interface object and detecting the movement of the contact along the touch-sensitive surface:
ceasing to display the editing area; and
modifying the user interface object in accordance with the movement of the contact;
detecting an end of the second input; and
in response to detecting the end of the second input, redisplaying the editing area.
12. A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a multifunction device with a display and a touch-sensitive surface, cause the device to:
display a user interface object having a position on the display and a plurality of user-modifiable properties;
detect a first input;
in response to detecting the first input, display an editing area, wherein the editing area includes a plurality of editable fields for modifying the user-modifiable properties of the user interface object;
detect a second input that includes:
detecting a contact at a location on the touch-sensitive surface that corresponds to a location on the display of an activation region for an object manipulation handle of the user interface object, and
detecting movement of the contact along the touch-sensitive surface;
in response to detecting the second input that includes detecting the contact at the location on the touch-sensitive surface that corresponds to the location on the display of the activation region for the object manipulation handle of the user interface object and detecting the movement of the contact along the touch-sensitive surface:
cease to display the editing area; and
modify the user interface object in accordance with the movement of the contact;
detect an end of the second input; and
in response to detecting the end of the second input, redisplay the editing area.
13. The device of claim 1 , wherein:
ceasing to display the editing area includes replacing the editing area with a read-only area, wherein replacing the editing area with the read-only area includes displaying an animation of the editing area transforming into the read-only area; and
redisplaying the editing area includes replacing the read-only area with the editing area, wherein replacing the read-only area with the editing area includes displaying an animation of the read-only area transforming into the editing area.
14. The method of claim 11 , wherein the object manipulation handle is an object resizing handle and modifying the user interface object includes resizing the user interface object.
15. The method of claim 11 , wherein the object manipulation handle is an object movement handle and modifying the user interface object includes moving the user interface object.
16. The method of claim 11 , wherein:
ceasing to display the editing area includes replacing the editing area with a read-only area; and
redisplaying the editing area includes replacing the read-only area with the editing area.
17. The method of claim 16 , wherein:
the user interface object is an event in a calendar;
the editing area includes fields for editing information about the event;
the object manipulation handle is an object resizing handle associated with an end time of the event;
modifying the user interface object includes changing the end time of the event; and,
the read-only area includes a current end time for the event, and is located proximate to an end of the event.
18. The method of claim 16 , wherein:
the user interface object is an event in a calendar;
the editing area includes fields for editing information about the event;
the object manipulation handle is an object resizing handle associated with a start time of the event; and,
modifying the user interface object includes changing the start time of the event; and,
the read-only area includes a current start time for the event, and is located proximate to a beginning of the event.
19. The method of claim 16 , wherein replacing the editing area with the read-only area includes displaying an animation of the editing area transforming into the read-only area.
20. The method of claim 16 , wherein replacing the read-only area with the editing area includes displaying an animation of the read-only area transforming into the editing area.
21. The method of claim 11 , including:
in response to detecting the second input, updating an internal state of the multifunction device to reflect the modified user interface object and the ceased display state of the editing area.
22. The method of claim 11 , including:
in response to detecting the end of the second input, updating an internal state of the device to reflect the displayed state of the editing area.
23. The method of claim 11 , wherein:
ceasing to display the editing area includes replacing the editing area with a read-only area, wherein replacing the editing area with the read-only area includes displaying an animation of the editing area transforming into the read-only area; and
redisplaying the editing area includes replacing the read-only area with the editing area, wherein replacing the read-only area with the editing area includes displaying an animation of the read-only area transforming into the editing area.
24. The computer readable storage medium of claim 12 , wherein the object manipulation handle is an object resizing handle and modifying the user interface object includes resizing the user interface object.
25. The computer readable storage medium of claim 12 , wherein the object manipulation handle is an object movement handle and modifying the user interface object includes moving the user interface object.
26. The computer readable storage medium of claim 12 , wherein:
ceasing to display the editing area includes replacing the editing area with a read-only area; and
redisplaying the editing area includes replacing the read-only area with the editing area.
27. The computer readable storage medium of claim 26 , wherein:
the user interface object is an event in a calendar;
the editing area includes fields for editing information about the event;
the object manipulation handle is an object resizing handle associated with an end time of the event;
modifying the user interface object includes changing the end time of the event; and,
the read-only area includes a current end time for the event, and is located proximate to an end of the event.
28. The computer readable storage medium of claim 26 , wherein:
the user interface object is an event in a calendar;
the editing area includes fields for editing information about the event;
the object manipulation handle is an object resizing handle associated with a start time of the event; and,
modifying the user interface object includes changing the start time of the event; and,
the read-only area includes a current start time for the event, and is located proximate to a beginning of the event.
29. The computer readable storage medium of claim 26 , wherein replacing the editing area with the read-only area includes displaying an animation of the editing area transforming into the read-only area.
30. The computer readable storage medium of claim 26 , wherein replacing the read-only area with the editing area includes displaying an animation of the read-only area transforming into the editing area.
31. The computer readable storage medium of claim 12 , including instructions which, when executed by the multifunction device, cause the device to:
in response to detecting the second input, update an internal state of the multifunction device to reflect the modified user interface object and the ceased display state of the editing area.
32. The computer readable storage medium of claim 12 , including instructions which, when executed by the multifunction device, cause the device to:
in response to detecting the end of the second input, update an internal state of the device to reflect the displayed state of the editing area.
33. The computer readable storage medium of claim 12 , wherein:
ceasing to display the editing area includes replacing the editing area with a read-only area, wherein replacing the editing area with the read-only area includes displaying an animation of the editing area transforming into the read-only area; and
redisplaying the editing area includes replacing the read-only area with the editing area, wherein replacing the read-only area with the editing area includes displaying an animation of the read-only area transforming into the editing area.