Abstract: Techniques are described for determining a duration for a transition and alteration of the appearance of a user interface (UI) from a first UI state to a second UI state over the transition duration according to a timing function that specifies different rates of change in appearance over the course of the transition and is derived by adjusting a master timing function that is used to control a plurality of transitions in the UI to span the transition duration for the transition. A time value of an inflection point within the timing function is determined and the transition duration is divided into a first portion and a second portion so that the first portion extends from the beginning of the transition duration to the time value of the inflection point, and the second portion extends from the time value of the inflection point to the end of the transition duration.

Abstract: Techniques are described for determining a duration for a transition and alteration of the appearance of a user interface (UI) from a first UI state to a second UI state over the transition duration according to a timing function that specifies different rates of change in appearance over the course of the transition and is derived by adjusting a master timing function that is used to control a plurality of transitions in the UI to span the transition duration for the transition. A time value of an inflection point within the timing function is determined and the transition duration is divided into a first portion and a second portion so that the first portion extends from the beginning of the transition duration to the time value of the inflection point, and the second portion extends from the time value of the inflection point to the end of the transition duration.

Abstract: Techniques are described for determining a duration for a transition and alteration of the appearance of a user interface (UI) from a first UI state to a second UI state over the transition duration according to a timing function that specifies different rates of change in appearance over the course of the transition and is derived by adjusting a master timing function that is used to control a plurality of transitions in the UI to span the transition duration for the transition. A time value of an inflection point within the timing function is determined and the transition duration is divided into a first portion and a second portion so that the first portion extends from the beginning of the transition duration to the time value of the inflection point, and the second portion extends from the time value of the inflection point to the end of the transition duration.

Abstract: Techniques are described for determining a duration for a transition and alteration of the appearance of a user interface (UI) from a first UI state to a second UI state over the transition duration according to a timing function that specifies different rates of change in appearance over the course of the transition and is derived by adjusting a master timing function that is used to control a plurality of transitions in the UI to span the transition duration for the transition. A time value of an inflection point within the timing function is determined and the transition duration is divided into a first portion and a second portion so that the first portion extends from the beginning of the transition duration to the time value of the inflection point, and the second portion extends from the time value of the inflection point to the end of the transition duration.

Abstract: Techniques are described for dynamically determining a transition, at run-time, between user interface states of an application based on a timing function that is used for multiple, different transitions within one or more applications. The timing function is applied to the various transitioning graphical elements in the user interface, such that the appearance of each shared element is progressively altered at a rate that is determined according to the timing function. Shared elements are transitioned using the timing function (e.g., as a whole) during the duration of the transition. Outgoing and incoming elements are transitioned, respectively, using a first subsection and second subsection of the timing function, wherein the subsections are bounded by an inflection time which, in some instances, corresponds to a time of peak velocity of the timing function.

Abstract: Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for graphical icon manipulation. In one aspect, a method includes the actions of receiving a user input that corresponds to a selection of a graphical item that is located in a first portion of the graphical interface. The actions further include receiving a translation input that corresponds to a drag of the graphical item. The actions further include determining that a location of the selection input is in a second portion of the graphical interface. The actions further include updating the graphical item by providing, in place of the graphical item, a representation of a change to the graphical item based on the graphical item being placed in the second portion. The actions further include determining that the selection input has ceased. The actions further include providing, for output, the change to the graphical item.

Abstract: Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for graphical icon manipulation. In one aspect, a method includes the actions of receiving a user input that corresponds to a selection of a graphical item that is located in a first portion of the graphical interface. The actions further include receiving a translation input that corresponds to a drag of the graphical item. The actions further include determining that a location of the selection input is in a second portion of the graphical interface. The actions further include updating the graphical item by providing, in place of the graphical item, a representation of a change to the graphical item based on the graphical item being placed in the second portion. The actions further include determining that the selection input has ceased. The actions further include providing, for output, the change to the graphical item.

Abstract: Techniques are described for dynamically determining a transition, at run-time, between user interface states of an application based on a timing function that is used for multiple, different transitions within one or more applications. The timing function is applied to the various transitioning graphical elements in the user interface, such that the appearance of each shared element is progressively altered at a rate that is determined according to the timing function. Shared elements are transitioned using the timing function (e.g., as a whole) during the duration of the transition. Outgoing and incoming elements are transitioned, respectively, using a first subsection and second subsection of the timing function, wherein the subsections are bounded by an inflection time which, in some instances, corresponds to a time of peak velocity of the timing function.

Abstract: Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for graphical icon manipulation. In one aspect, a method includes the actions of receiving a user input that corresponds to a selection of a graphical item that is located in a first portion of the graphical interface. The actions further include receiving a translation input that corresponds to a drag of the graphical item. The actions further include determining that a location of the selection input is in a second portion of the graphical interface. The actions further include updating the graphical item by providing, in place of the graphical item, a representation of a change to the graphical item based on the graphical item being placed in the second portion. The actions further include determining that the selection input has ceased. The actions further include providing, for output, the change to the graphical item.