wp8.1 Study8: page transitions and Theme Animations (page transition and Theme animations)

One, in the WP8.1 is the animation (Animation):

Page navigation (default = Rotated turnstile), pointerdown/up (tilt by default), page rotation, menuflyout appearance, etc.

Second, page transition (pages transition)

1, the default animation is rotary (turnstile).

2, in addition to the default animation, we can also use Continuumnavigationtransitioninfo, stagger, slide and other similar transitions.

Third, override default transitions/animations

(1) In the control, we can do this, the XAML code is as follows:

 <!-- commonnavigationtransitioninfo.isstaggerelement= "True" />< ;! --such as in control TextBlock--! ><textblock text= "{Binding Title}" grid.column= "1" grid.row= "0" Style = "{StaticResource Listviewitemtextblockstyle}" margin= "10,0,0,0" continuumnavigationtransitioninfo.isexitelement= "True" /> 
 
  

<!-- GridView--! ><grid background= "{ThemeResource Applicationpagebackgroundthemebrush}" >        < grid.childrentransitions>            <TransitionCollection>                <EntranceThemeTransition/>            </TransitionCollection>        </Grid.ChildrenTransitions>        <Grid.RowDefinitions>            <rowdefinition height= "/>"            <rowdefinition height= "*"/>        </Grid.RowDefinitions> 

(Note: Entrancethemetransition can be applied when the content of a page is loaded for the first time and then rendered, so that the first content rendering can provide a different vision.) ）

(2), change the page default transition screen

<page.transitions>        <transitioncollection>            <navigationthemetransition>                <Navigationthemetransition.defaultnavigationtransitioninfo>                   <slidenavigationtransitioninfo  />                   </Navigationthemetransition.defaultnavigationtransitioninfo>            </navigationthemetransition>        </transitioncollection>    </page.transitions>

Three, Summary:

1. Theme transitions can be applied to a single XAML element with a uielement.transitions attribute or can be applied to a transition attribute with a specific theme, such as Contentcontrol.contenttransitions

2. Notable conversions: Adddeletethemetransition, Entrancethemetransition, Popupthemetransition, Reorderthemetransition, Reposi Tionthemetransition. and more

wp8.1 Study8: page transitions and Theme Animations (page transition and Theme animations)