Portable multifunction device with animated user interface transitions
In accordance with some embodiments, a computer-implemented method is performed at a portable multifunction device with a touch screen display. The computer-implemented method includes: displaying a home menu comprising a plurality of application launch icons; detecting activation of any respective application launch icon; and, in response to detecting the activation, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the activated application launch icon. The first animation comprises expanding an image of the application.
1. A computer-implemented method, comprising:
at a portable multifunction device with a touch screen display:
displaying a home menu comprising a plurality of application launch icons;
while displaying the home menu comprising the plurality of application launch icons, detecting activation of a respective application launch icon of the plurality of application launch icons, wherein the respective application launch icon includes first visual content that corresponds to the respective application launch icon; and
in response to detecting the activation of the respective application launch icon, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the respective application launch icon, wherein the first animation comprises:
expanding an image that is representative of the application, wherein the image includes second visual content that corresponds to the application, wherein the second visual content includes content that is different from the first visual content; and
while expanding the image that is representative of the application, moving at least some of the plurality of application launch icons on the touch screen display while gradually fading out at least some of the plurality of application launch icons in the home menu and while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.
2. The computer-implemented method of claim 1 , wherein detecting activation of any respective application launch icon comprises detecting a finger gesture on the respective application launch icon.
3. The computer-implemented method of claim 1 , wherein the first animation further comprises sliding respective application launch icons off of the touch screen display via respective corners of the touch screen display.
4. The computer-implemented method of claim 1 , further comprising:
detecting a finishing gesture; and
in response to detecting the finishing gesture, displaying a second animation of a transition from display of the application to display of the home menu, the second animation comprising shrinking the image that is representative of the application.
5. The computer-implemented method of claim 4 , wherein detecting the finishing gesture comprises detecting a gesture on a button or touchpad.
6. The computer-implemented method of claim 4 , wherein detecting the finishing gesture comprises detecting a finger gesture on an icon in the application.
7. The computer-implemented method of claim 4 , wherein the second animation further comprises sliding respective application launch icons onto the touch screen display from respective corners of the touch screen display.
8. The computer-implemented method of claim 1 , further comprising:
determining, prior to displaying the first animation, that the portable multifunction device is not being held in close proximity to a user's ear or face.
9. The computer-implemented method of claim 1 , further comprising:
in response to detecting activation of the respective application launch icon of the plurality of application launch icons, ceasing to display the first visual content.
10. The computer-implemented method of claim 1 , wherein expanding the image that is representative of the application includes ceasing to display the first visual content when the image has expanded from a first state to a second state that is different from the first state.
11. The computer-implemented method of claim 1 , wherein fading out at least some of the plurality of application launch icons in the home menu occurs while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.
12. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a portable multifunction device with a touch screen display, the one or more programs including instructions for:
displaying a home menu comprising a plurality of application launch icons;
while displaying the home menu comprising the plurality of application launch icons, detecting activation of a respective application launch icon of the plurality of application launch icons, wherein the respective application launch icon includes first visual content that corresponds to the respective application launch icon; and
in response to detecting the activation of the respective application launch icon, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the respective application launch icon, wherein the first animation comprises:
expanding an image that is representative of the application, wherein the image includes second visual content that corresponds to the application, wherein the second visual content includes content that is different from the first visual content; and
while expanding the image that is representative of the application, moving at least some of the plurality of application launch icons on the touch screen display while gradually fading out at least some of the plurality of application launch icons in the home menu and while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.
13. The non-transitory computer-readable storage medium of claim 12 , wherein detecting activation of any respective application launch icon comprises detecting a finger gesture on the respective application launch icon.
14. The non-transitory computer-readable storage medium of claim 12 , wherein the first animation further comprises sliding respective application launch icons off of the touch screen display via respective corners of the touch screen display.
15. The non-transitory computer-readable storage medium of claim 12 , the one or more programs further including instructions for:
detecting a finishing gesture; and
in response to detecting the finishing gesture, displaying a second animation of a transition from display of the application to display of the home menu, the second animation comprising shrinking the image that is representative of the application.
16. The non-transitory computer-readable storage medium of claim 15 , wherein detecting the finishing gesture comprises detecting a gesture on a button or touchpad.
17. The non-transitory computer-readable storage medium of claim 15 , wherein detecting the finishing gesture comprises detecting a finger gesture on an icon in the application.
18. The non-transitory computer-readable storage medium of claim 15 , wherein the second animation further comprises sliding respective application launch icons onto the touch screen display from respective corners of the touch screen display.
19. The non-transitory computer-readable storage medium of claim 12 , the one or more programs further including instructions for:
determining, prior to displaying the first animation, that the portable multifunction device is not being held in close proximity to a user's ear or face.
20. The non-transitory computer-readable storage medium of claim 12 , the one or more programs including instructions for:
in response to detecting activation of the respective application launch icon of the plurality of application launch icons, ceasing to display the first visual content.
21. The non-transitory computer-readable storage medium of claim 12 , wherein expanding the image that is representative of the application includes ceasing to display the first visual content when the image has expanded from a first state to a second state that is different from the first state.
22. The non-transitory computer-readable storage medium of claim 12 , wherein fading out at least some of the plurality of application launch icons in the home menu occurs while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.
23. A portable multifunction device, comprising:
a touch screen 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 home menu comprising a plurality of application launch icons;
while displaying the home menu comprising the plurality of application launch icons, detecting activation of a respective application launch icon of the plurality of application launch icons, wherein the respective application launch icon includes first visual content that corresponds to the respective application launch icon; and
in response to detecting the activation of the respective application launch icon, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the respective application launch icon, wherein the first animation comprises:
expanding an image that is representative of the application, wherein the image includes second visual content that corresponds to the application, wherein the second visual content includes content that is different from the first visual content; and
while expanding the image that is representative of the application, moving at least some of the plurality of application launch icons on the touch screen display while gradually fading out at least some of the plurality of application launch icons in the home menu and while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.
24. The portable multifunction device of claim 23 , wherein detecting activation of any respective application launch icon comprises detecting a finger gesture on the respective application launch icon.
25. The portable multifunction device of claim 23 , wherein the first animation further comprises sliding respective application launch icons off of the touch screen display via respective corners of the touch screen display.
26. The portable multifunction device of claim 23 , the one or more programs including instructions for:
detecting a finishing gesture; and
in response to detecting the finishing gesture, displaying a second animation of a transition from display of the application to display of the home menu, the second animation comprising shrinking the image that is representative of the application.
27. The portable multifunction device of claim 26 , wherein detecting the finishing gesture comprises detecting a gesture on a button or touchpad.
28. The portable multifunction device of claim 26 , wherein detecting the finishing gesture comprises detecting a finger gesture on an icon in the application.
29. The portable multifunction device of claim 26 , wherein the second animation further comprises sliding respective application launch icons onto the touch screen display from respective corners of the touch screen display.
30. The portable multifunction device of claim 23 , the one or more programs including instructions for:
determining, prior to displaying the first animation, that the portable multifunction device is not being held in close proximity to a user's ear or face.
31. The portable multifunction device of claim 23 , the one or more programs including instructions for:
in response to detecting activation of the respective application launch icon of the plurality of application launch icons, ceasing to display the first visual content.
32. The portable multifunction device of claim 23 , wherein expanding the image that is representative of the application includes ceasing to display the first visual content when the image has expanded from a first state to a second state that is different from the first state.
33. The portable multifunction device of claim 23 , wherein fading out at least some of the plurality of application launch icons in the home menu occurs while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.