SYSTEMS AND METHODS FOR ANIMATING BETWEEN COLLECTION VIEWS

• US 20130328888A1
• Filed: 11/13/2012
• Published: 12/12/2013
• Est. Priority Date: 06/08/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Beaver, Jason C., Hiesterman, Luke T., Martin, Mathieu, Gutknecht, Oliver
• Granted Patent: US 9,349,205 B2
• Time in Patent Office: Days
• US Class Current: 345/473
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06T 13/20 3D [Three Dimensional] animation
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 19/00 Manipulating 3D models or images for computer graphics
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]

Abstract

Techniques, systems, and methods for allowing a user to select amongst different collection views and to animate the transition from one collection view to another. To select a different collection view, the user may provide a certain gesture on the display screen which causes the items displayed in the current collection view to transition in an animated fashion to a new collection view selected by the particular gesture. The particular type of animation between different collection views depends upon the manner in which the items in each collection view are defined in their respective layouts and the manner that facilitates a relatively seamless transition of the items from one layout to another layout.

Claims

1. A method comprising:

receiving a first collection view layout;

receiving a second collection view layout;

determining a first animation between an initial state of the first collection view layout and a final state of the first collection view layout;

determining a second animation between an initial state of the second collection view layout and a final state of the second collection view layout; and

executing the first and second animations simultaneously.

2. The method of claim 1, wherein receiving the first collection view layout comprises receiving layout data corresponding to a plurality of items of a first collection.

3. The method of claim 2, wherein receiving layout data corresponding to the plurality of items of the first collection comprises receiving at least one of an initial state of an item of the plurality of items of the first collection and a final state of an item of the plurality of items of the first collection.

4. The method of claim 1, wherein receiving the second collection view layout comprises receiving layout data corresponding to a plurality of items of a second collection.

5. The method of claim 4, wherein receiving layout data corresponding to the plurality of items of the second collection comprises receiving at least one of an initial state of an item of the plurality of items of the second collection and a final state of an item of the plurality of items of the second collection.

6. The method of claim 1, wherein receiving the first collection view layout comprises receiving at least one of the initial state of the first collection view layout and the final state of the first collection view layout.

7. The method of claim 1, wherein receiving the second collection view layout comprises receiving at least one of the initial state of the second collection view layout and the final state of the second collection view layout.

8. The method of claim 1, wherein determining the first animation comprises determining a change in at least one of a position, a scale, a rotation, and opacity between the initial state of the first collection view layout and the final state of the first collection view layout.

9. The method of claim 1, wherein determining the second animation comprises determining a change in at least one of a position, a scale, a rotation, and opacity between the initial state of the second collection view layout and the final state of the second collection view layout.

10. The method of claim 1, wherein determining the first animation comprises calculating one of the initial state of the first collection view layout and the final state of the first collection view layout.

11. The method of claim 1, wherein determining the second animation comprises calculating one of the initial state of the second collection view layout and the final state of the second collection view layout.

12. An article of manufacture comprising:

one or more tangible, computer-readable media having instructions encoded thereon for execution by a processor, the instructions comprising;

instructions for receiving a first layout of a first collection of a plurality of items;

instructions for receiving a second layout of a second collection of the plurality of items; and

instructions for determining an animation between a final state of the first layout and an initial state of the second layout.

13. The article of manufacture of claim 12, wherein the instructions for determining the animation between the final state of the first layout and the initial state of the second layout comprise instructions for at least one of setting an animation duration, setting an initial value for each animation property, setting a final value for each animation property, grouping animations, setting a fade-in representation of an item, and setting a fade-out representation of an item.

14. The article of manufacture of claim 12, wherein the instructions comprise instructions for executing the animation.

15. A method comprising:

receiving an initial state of a collection view layout;

receiving a final state of the collection view layout;

determining an animation between the initial state of the collection view layout and the final state of the collection view layout; and

executing the animation.

16. The method of claim 15, wherein determining the animation between the initial state of the collection view layout and the final state of the collection view layout comprises determining at least one change between the initial state of the collection view layout and the final state of the collection view layout.

17. The method of claim 16, wherein the at least one change comprises a change in position, a change in scale, a change in rotation, and a change in opacity between the initial state of the collection view layout and the final state of the collection view layout.

18. A method comprising:

determining an initial state of a first representation of an item in a collection view;

determining a final state of the first representation of the item;

determining an initial state of a second representation of the item;

determining a final state of the second representation of the item; and

determining a first animation comprising dual representations of the item if the initial state of the first representation is not substantially equal to the initial state of the second representation, or if the final state of the first representation is not substantially equal to the final state of the second representation.

19. The method of claim 18, comprising determining a second animation comprising a single representation of the item if the initial state of the first representation is substantially equal to the initial state of the second representation and if the final state of the first representation is substantially equal to the final state of the second representation.

20. The method of claim 18, wherein the first animation is configured to display the first representation of the item at the same time as the second representation of the item.

21. A method comprising:

receiving a final layout state for an item in a collection view; and

determining animation data for the item based at least partially on the final layout state and an initial layout state.

22. The method of claim 21, wherein the initial layout state comprises a layout state derived from the final layout state.

23. The method of claim 21, comprising receiving the initial layout state for the item in the collection view.

24. The method of claim 21, wherein the final layout state corresponds to at least one of an addition of the item, a removal of the item, a rotation of the item, and a movement of the item.

25. The method of claim 21, comprising providing the animation data to an animation model for execution of an animation.