Editing interface
A portable electronic device displays icons (e.g., graphical objects) in one or more regions of a user interface of a touch-sensitive display, and detects user input specifying an exchange of positions of icons in the user interface. In some aspects, the respective positions of two icons in a user interface can be selected to exchange positions in the one or more regions of the user interface, and one or both icons can change their visual appearance to indicate their selection status.
1. A method comprising:
at a portable electronic device with a touch-sensitive display:
displaying a first icon in a first position on the touch-sensitive display at a first size;
displaying a second icon in a second position on the touch-sensitive display, the second position distinct from the first position and the second icon is displayed at the first size;
detecting a touch input on the touch-sensitive display corresponding to the second icon at the second position on the touch-sensitive display; and
while continuing to detect, the touch input on the touch-sensitive display corresponding to the second icon in the second position on the touch-sensitive display:
detecting a movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to a third position on the touch-sensitive display; and
in response to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, displaying movement of second icon from the second position on the touch-sensitive display to the third position on the touch-sensitive display while continuing to display the first icon at the first size during the movement of the second icon, wherein second icon is displayed at a second size, different than the first size, during the movement of the second icon.
2. The method of claim 1 , further comprising:
in response to ceasing to detect the touch input on the touch-sensitive display corresponding to the second icon at the second position of the touch-sensitive display, displaying the first icon at the first size and displaying the second icon at the first size.
3. The method of claim 1 , wherein the first size is smaller than the second size.
4. The method of claim 1 , further comprising:
in response to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, modifying a visual appearance of the third position.
5. The method of claim 4 , wherein modifying the visual appearance of the third position comprises displaying a graphical indicator corresponding to a boundary of the third position.
6. The method of claim 1 , wherein prior to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, further comprising:
in response to detecting the touch input on the touch-sensitive display corresponding to the second icon at the second position of the touch-sensitive display:
entering an icon reconfiguration mode; and
displaying the second icon at the second size.
7. A portable electronic device comprising:
a touch-sensitive display;
one or more processors; and
memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for:
displaying a first icon in a first position on the touch-sensitive display at a first size;
displaying a second icon in a second position on the touch-sensitive display, the second position distinct from the first position and the second icon is displayed at the first size;
detecting a touch input on the touch-sensitive display corresponding to the second icon at the second position on the touch-sensitive display; and
while continuing to detect the touch input on the touch-sensitive display corresponding to the second icon in the second position on the touch-sensitive display:
detecting a movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to a third position on the touch-sensitive display; and
in response to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, displaying movement of second icon from the second position on the touch-sensitive display to the third position on the touch-sensitive display while continuing to display the first icon at the first size during the movement of the second icon, wherein second icon is displayed at a second size, different than the first size, during the movement of the second icon.
8. The portable electronic device of claim 7 , the one or more programs further including instructions for:
in response to ceasing to detect the touch input on the touch-sensitive display corresponding to the second icon at the second position of the touch-sensitive display, displaying the first icon at the first size and displaying the second icon at the first size.
9. The portable electronic device of claim 7 , wherein the first size is smaller than the second size.
10. The portable electronic device of claim 7 , the one or more programs further including instructions for:
in response to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, modifying a visual appearance of the third position.
11. The portable electronic device of claim 10 , wherein modifying the visual appearance of the third position comprises displaying a graphical indicator corresponding to a boundary of the third position.
12. The portable electronic device of claim 7 , wherein prior to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, the one or more programs further including instructions for:
in response to detecting the touch input on the touch-sensitive display corresponding to the second icon at the second position of the touch-sensitive display:
entering an icon reconfiguration mode; and
displaying the second icon at the second size.
13. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a portable electronic device having a touch-sensitive display, the one or more programs including instructions for:
displaying a first icon in a first position on the touch-sensitive display at a first size;
displaying a second icon in a second position on the touch-sensitive display, the second position distinct from the first position and the second icon is displayed at the first size;
detecting a touch input on the touch-sensitive display corresponding to the second icon at the second position on the touch-sensitive display; and
while continuing to detect the touch input on the touch-sensitive display corresponding to the second icon in the second position on the touch-sensitive display:
detecting a movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to a third position on the touch-sensitive display; and
in response to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, displaying movement of second icon from the second position on the touch-sensitive display to the third position on the touch-sensitive display while continuing to display the first icon at the first size during the movement of the second icon, wherein second icon is displayed at a second size, different than the first size, during the movement of the second icon.
14. The non-transitory computer-readable storage medium of claim 13 , the one or more programs further including instructions for:
in response to ceasing to detect the touch input on the touch-sensitive display corresponding to the second icon at the second position of the touch-sensitive display, displaying the first icon at the first size and displaying the second icon at the first size.
15. The non-transitory computer-readable storage medium of claim 13 , wherein the first size is smaller than the second size.
16. The non-transitory computer-readable storage medium of claim 13 , the one or more programs further including instructions for:
in response to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, modifying a visual appearance of the third position.
17. The non-transitory computer-readable storage medium of claim 16 , wherein modifying the visual appearance of the third position comprises displaying a graphical indicator corresponding to a boundary of the third position.
18. The non-transitory computer-readable storage medium of claim 13 , wherein prior to detecting the movement of the touch input on the touch-sensitive display from the second position on the touch-sensitive display to the third position on the touch-sensitive display, the one or more programs further including instructions for:
in response to detecting the touch input on the touch-sensitive display corresponding to the second icon at the second position of the touch-sensitive display:
entering an icon reconfiguration mode; and
displaying the second icon at the second size.