Device, method, and graphical user interface for transitioning between display states in response to a gesture

摘要

An electronic device displays a user interface in a first display state. The device detects a first portion of a gesture on a touch-sensitive surface, including detecting intensity of a respective contact of the gesture. In response to detecting the first portion of the gesture, the device displays an intermediate display state between the first display state and a second display state. In response to detecting the end of the gesture: if intensity of the respective contact had reached a predefined intensity threshold prior to the end of the gesture, the device displays the second display state; otherwise, the device redisplays the first display state. After displaying an animated transition between a first display state and a second state, the device, optionally, detects an increase of the contact intensity. In response, the device displays a continuation of the animation in accordance with the increasing intensity of the respective contact.

主权项

1. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, 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 device to:
display a user interface on the display, wherein:
the user interface is in a first display state, anddisplaying the user interface in the first display state includes displaying an icon that corresponds to a menu without displaying the menu; detect a first portion of a gesture on the touch-sensitive surface, including detecting intensity of a respective contact on the touch-sensitive surface; in response to detecting the first portion of the gesture, display an intermediate display state between the first display state and a second display state, wherein:
displaying the user interface in the intermediate display state includes displaying a preview of the menu, andthe preview of the menu is different from the menu; detect an end of the gesture; and in response to detecting the end of the gesture:
in accordance with a determination that the intensity of the respective contact reached a predefined intensity threshold prior to detecting the end of the gesture, display the second display state, wherein displaying the second display state includes displaying the menu; andin accordance with a determination that the intensity of the respective contact did not reach the predefined intensity threshold prior to detecting the end of the gesture, terminate display of the intermediate display state and redisplay the first display state.