Defining transitions based upon differences between states

摘要

A method is illustrated that comprises receiving at least two states, each state including at least one object with an associated property. Further, the method includes comparing each object of each state to produce a set of differences between states. Additionally, the method includes defining a transition based upon the set of differences.

主权项

1. A computer implemented method to build a user interface, the method comprising:
receiving a first state of a user interface (UI) comprising a first plurality of user interface objects including a first user interface object associated with the first state; receiving a second state of the UI comprising a second plurality of user interface objects, the first user interface object not being associated with the second state; comparing the first and second states of the UI to produce a first set of differences between user interface objects of the first and second states of the UI; defining a plurality of transitions between the first and second states of the UI based upon at least the first set of differences, the plurality of transitions corresponding to a transition timeline view; presenting, in a graphical user interface, a transition timeline area including the transition timeline view comprising a first track representing a first property corresponding to the first user interface object, the first property to occur during a first transition of the plurality of transitions, the first property corresponding to at least one of a visual effect or an audio effect indicating that the first user interface object is not associated with the second state; receiving a user interface object selection input identifying a second user interface object and associating the second user interface object with at least one of the first and second states of the UI, wherein the second user interface object is different from the first user interface object and corresponds to a second property, and wherein the second user interface object is not associated with the at least one of the first and second states of the UI until the user interface object selection input is received; subsequent to the receiving of the user interface object selection input, comparing each user interface object of the first and second states of the UI to produce a second set of differences between the first and second states of the UI, wherein the second set of differences is distinct from the first set of differences; defining at least a second transition of the plurality of transitions based upon the second set of differences; and presenting the second transition in a second track of the transition timeline view in the graphical user interface, wherein the first track and the second track are each distinct tracks of the transition timeline view.