Windows 8 Store Apps Learning (20) Animation: themeanimation (Theme Animation)

Introduced

Re-imagine the Windows 8 Store Apps Animation

Popinthemeanimation-Animation When the control appears, Popoutthemeanimation-animation when the control disappears

Fadeinthemeanimation-Controls fade in animation, fadeoutthemeanimation-Controls fade animation

Pointerdownthemeanimation-Animation of the mouse (finger) when pressed on the control, pointerupthemeanimation-animation when the mouse (finger) is raised on the control

Swipehintthemeanimation-swipe animation of a control (when your control responds after receiving swipe), swipebackthemeanimation-the swipe animation of the control (when your control receives a swipe you do not need to do Any response)

Repositionthemeanimation-Animations when a control is repositioned

Splitopenthemeanimation-Open the animation for the split control, splitclosethemeanimation-turn off the animation for the split control

Dragitemthemeanimation, Dragoverthemeanimation, droptargetitemthemeanimation--animation effects as the name suggests, controls for collection classes

Example

1, the demonstration theme animation POPIN, popout

Animation/themeanimation/popinpopout.xaml

<page x:class= "XamlDemo.Animation.ThemeAnimation.PopInPopOut" xmlns= "http://schemas.microsoft.com/winfx/2006/ Xaml/presentation "xmlns:x=" Http://schemas.microsoft.com/winfx/2006/xaml "xmlns:local=" using: XamlDemo.Animation.ThemeAnimation "xmlns:d=" http://schemas.microsoft.com/expression/blend/2008 "xmlns:mc=" http:/ /schemas.openxmlformats.org/markup-compatibility/2006 "mc:ignorable=" D "> <grid background=" Transparent "
                    > <stackpanel margin= "0 0 0" > <StackPanel.Resources> <!--
                        Popinthemeanimation-Animation When the control appears fromhorizontaloffset-horizontal offset at the start of the control Fromverticaloffset-The vertical offset of the start position of the control--> <storyboard x:name= "Storyboardpopin"
                    ;
                <popinthemeanimation storyboard.targetname= "Border" fromhorizontaloffset= "1000" "fromverticaloffset="/> </storyboard> <!--popoutthemeanimation-animation--> <storyboard when the control disappears X:name= " Storyboardpopout "> <popoutthemeanimation storyboard.targetname=" Border "/> &l t;/storyboard> </StackPanel.Resources> <border name= "Border" borderthickness= "5"
                Borderbrush= "Red" background= "Blue" cornerradius= "ten" width= "height=", horizontalalignment= "left" > <Border.Child> <textblock text= "I am the content of Border" fontsize= "24.667" textalignment= "Center" verticalalignment= "Center"/> </Border.Child> </Border> <bu Tton name= "Btnpopin" content= "popinthemeanimation Demo" click= "btnpopin_click_1" margin= "0 0 0"/> <B
    
        Utton name= "Btnpopout" content= "popoutthemeanimation Demo" click= "btnpopout_click_1" margin= "0 0 0"/> &Lt;/stackpanel> </Grid> </Page>