Device, method, and graphical user interface for navigating and displaying content in context
An electronic device displays one or more thumbnails. The device detects a first multi-contact gesture that includes movement of a first contact and a second contact; and, in response to detecting the first multi-contact gesture, the device displays content associated with a respective thumbnail and enlarges the content associated with the respective thumbnail to a respective enlarged size in accordance with the first multi-contact gesture. The device detects termination of the first multi-contact gesture; and, in response to detecting termination of the first multi-contact gesture: when a resizing metric based on the first multi-contact gesture is below a predefined threshold, the device ceases to display the content at the respective enlarged size; and, when the resizing metric based on the first multi contact gesture is above the predefined threshold, the device displays the content on the display in a predefined arrangement.
1. An electronic 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 memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
concurrently displaying, via the display, a map user interface including a map that includes a representation of a first geographic location on the map and a plurality of indications of locations on the map that correspond to sets of content from a media library, wherein the plurality of indications of locations on the map includes a first indication that is representative of an album that corresponds to the first geographic location and comprises a plurality of content items from the media library that correspond to the first geographic location;
while displaying the map user interface, detecting, via the touch-sensitive surface, a first multi-contact gesture corresponding to the first geographic location that includes movement of a first contact with respect to a second contact;
in response to detecting the first multi-contact gesture corresponding to the first geographic location, displaying, overlaid on a portion of the map that includes the first geographic location, a plurality of representations of content items from the media library that correspond to the first geographic location, including displaying a plurality of representations of the plurality of content items of the album that corresponds to the first geographic location; and
after detecting, via the touch-sensitive surface, termination of the first multi-contact gesture:
ceasing to display the map user interface; and
displaying a plurality of content items of the album that corresponds to the first geographic location in a predefined arrangement.
2. The electronic device of claim 1 , wherein the predefined arrangement is a multi-row arrangement.
3. The electronic device of claim 1 , wherein the plurality of representations of content items are one or more content thumbnails that correspond to the content items.
4. The electronic device of claim 1 , wherein displaying the map user interface includes concurrently displaying the map, the representation of the first geographic location on the map, and a representation of a second geographic location on the map different from the representation of the first geographic location.
5. The electronic device of claim 4 , wherein the one or more programs further include instructions for:
while displaying the map user interface including the map, the representation of the first geographic location on the map, and the representation of the second geographic location on the map, detecting a second multi-contact gesture that includes movement of a third contact with respect to a fourth contact; and
in response to detecting the second multi-contact gesture:
in accordance with a determination that the second multi-contact gesture corresponds to the first geographic location, displaying, overlaid on a portion of the map that includes the first geographic location, a plurality of representations of content items from the media library that correspond to the first geographic location; and
in accordance with a determination that the second multi-contact gesture corresponds to the second geographic location, displaying, overlaid on a portion of the map that includes the second geographic location, a plurality of representations of content items from the media library that correspond to the second geographic location.
6. The electronic device of claim 1 , wherein the termination of the first multi-contact gesture is detected while displaying the map user interface.
7. The electronic device of claim 1 , wherein the map user interface ceases to be displayed and the plurality of content items of the album that corresponds to the first geographic location are displayed in the predefined arrangement in response to detecting termination of the first multi-contact gesture.
8. The electronic device of claim 1 , wherein the map user interface ceases to be displayed and the plurality of content items of the album that corresponds to the first geographic location are displayed in the predefined arrangement in accordance with a determination that the first multi-contact gesture satisfies a set of criteria.
9. A method, comprising:
at an electronic device with a display and a touch-sensitive surface:
concurrently displaying, via the display, a map user interface including a map that includes a representation of a first geographic location on the map and a plurality of indications of locations on the map that correspond to sets of content from a media library, wherein the plurality of indications of locations on the map includes a first indication that is representative of an album that corresponds to the first geographic location and comprises a plurality of content items from the media library that correspond to the first geographic location;
while displaying the map user interface, detecting, via the touch-sensitive surface, a first multi-contact gesture corresponding to the first geographic location that includes movement of a first contact with respect to a second contact;
in response to detecting the first multi-contact gesture corresponding to the first geographic location, displaying, overlaid on a portion of the map that includes the first geographic location, a plurality of representations of content items from the media library that correspond to the first geographic location, including displaying a plurality of representations of the plurality of content items of the album that corresponds to the first geographic location; and
after detecting, via the touch-sensitive surface, termination of the first multi-contact gesture:
ceasing to display the map user interface; and
displaying a plurality of content items of the album that corresponds to the first geographic location in a predefined arrangement.
10. The method of claim 9 , wherein the predefined arrangement is a multi-row arrangement.
11. The method of claim 9 , wherein the plurality of representations of content items are one or more content thumbnails that correspond to the content items.
12. The method of claim 9 , wherein displaying the map user interface includes concurrently displaying the map, the representation of the first geographic location on the map, and a representation of a second geographic location on the map different from the representation of the first geographic location.
13. The method of claim 12 , further comprising:
while displaying the map user interface including the map, the representation of the first geographic location on the map, and the representation of the second geographic location on the map, detecting a second multi-contact gesture that includes movement of a third contact with respect to a fourth contact; and
in response to detecting the second multi-contact gesture:
in accordance with a determination that the second multi-contact gesture corresponds to the first geographic location, displaying, overlaid on a portion of the map that includes the first geographic location, a plurality of representations of content items from the media library that correspond to the first geographic location; and
in accordance with a determination that the second multi-contact gesture corresponds to the second geographic location, displaying, overlaid on a portion of the map that includes the second geographic location, a plurality of representations of content items from the media library that correspond to the second geographic location.
14. The method of claim 9 , wherein the termination of the first multi-contact gesture is detected while displaying the map user interface.
15. The method of claim 9 , wherein the map user interface ceases to be displayed and the plurality of content items of the album that corresponds to the first geographic location are displayed in the predefined arrangement in response to detecting termination of the first multi-contact gesture.
16. The method of claim 9 , wherein the map user interface ceases to be displayed and the plurality of content items of the album that corresponds to the first geographic location are displayed in the predefined arrangement in accordance with a determination that the first multi-contact gesture satisfies a set of criteria.
17. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display and a touch-sensitive surface, the one or more programs including instructions for:
concurrently displaying, via the display, a map user interface including a map that includes a representation of a first geographic location on the map and a plurality of indications of locations on the map that correspond to sets of content from a media library, wherein the plurality of indications of locations on the map includes a first indication that is representative of an album that corresponds to the first geographic location and comprises a plurality of content items from the media library that correspond to the first geographic location;
while displaying the map user interface, detecting, via the touch-sensitive surface, a first multi-contact gesture corresponding to the first geographic location that includes movement of a first contact with respect to a second contact;
in response to detecting the first multi-contact gesture corresponding to the first geographic location, displaying, overlaid on a portion of the map that includes the first geographic location, a plurality of representations of content items from the media library that correspond to the first geographic location, including displaying a plurality of representations of the plurality of content items of the album that corresponds to the first geographic location; and
after detecting, via the touch-sensitive surface, termination of the first multi-contact gesture:
ceasing to display the map user interface; and
displaying a plurality of content items of the album that corresponds to the first geographic location in a predefined arrangement.
18. The non-transitory computer-readable storage medium of claim 17 , wherein the predefined arrangement is a multi-row arrangement.
19. The non-transitory computer-readable storage medium of claim 17 , wherein the plurality of representations of content items are one or more content thumbnails that correspond to the content items.
20. The non-transitory computer-readable storage medium of claim 17 , wherein displaying the map user interface includes concurrently displaying the map, the representation of the first geographic location on the map, and a representation of a second geographic location on the map different from the representation of the first geographic location.
21. The non-transitory computer-readable storage medium of claim 20 , wherein the one or more programs further include instructions for:
while displaying the map user interface including the map, the representation of the first geographic location on the map, and the representation of the second geographic location on the map, detecting a second multi-contact gesture that includes movement of a third contact with respect to a fourth contact; and
in response to detecting the second multi-contact gesture:
in accordance with a determination that the second multi-contact gesture corresponds to the first geographic location, displaying, overlaid on a portion of the map that includes the first geographic location, a plurality of representations of content items from the media library that correspond to the first geographic location; and
in accordance with a determination that the second multi-contact gesture corresponds to the second geographic location, displaying, overlaid on a portion of the map that includes the second geographic location, a plurality of representations of content items from the media library that correspond to the second geographic location.
22. The non-transitory computer-readable storage medium of claim 17 , wherein the termination of the first multi-contact gesture is detected while displaying the map user interface.
23. The non-transitory computer-readable storage medium of claim 17 , wherein the map user interface ceases to be displayed and the plurality of content items of the album that corresponds to the first geographic location are displayed in the predefined arrangement in response to detecting termination of the first multi-contact gesture.
24. The non-transitory computer-readable storage medium of claim 17 , wherein the map user interface ceases to be displayed and the plurality of content items of the album that corresponds to the first geographic location are displayed in the predefined arrangement in accordance with a determination that the first multi-contact gesture satisfies a set of criteria.