动画: ThemeAnimation（主题动画）

背水一战 Windows 10 之动画

PopInThemeAnimation - 控件出现时的动画
PopOutThemeAnimation - 控件消失时的动画
FadeInThemeAnimation - 控件淡入的动画
FadeOutThemeAnimation - 控件淡出的动画
PointerDownThemeAnimation - 鼠标（手指）在控件上按下时的动画
PointerUpThemeAnimation - 鼠标（手指）在控件上抬起时的动画
SwipeHintThemeAnimation - 控件的 Swipe 动画（当你的控件在收到 Swipe 后会做响应时）
SwipeBackThemeAnimation - 控件的 Swipe 动画（当你的控件在收到 Swipe 后不需要做任何响应时）
RepositionThemeAnimation - 控件重新定位时的动画
SplitOpenThemeAnimation - 打开“拆分”控件的动画
SplitCloseThemeAnimation - 关闭“拆分”控件的动画
DrillInThemeAnimation - 有层次关系的，从上级到下级的导航动画（master 到 details）
DrillOutThemeAnimation - 有层次关系的，从下级到上级的导航动画（details 到 master）
DragItemThemeAnimation, DragOverThemeAnimation, DropTargetItemThemeAnimation - 顾名思义的一些动画效果，用于集合类的控件

示例
1、演示主题动画之 PopInThemeAnimation, PopOutThemeAnimation
Animation/ThemeAnimation/PopInPopOut.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.PopInPopOut"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    PopInThemeAnimation - 控件出现时的动画

                        FromHorizontalOffset - 控件起始位置的水平偏移量

                        FromVerticalOffset - 控件起始位置的垂直偏移量

                -->

                <Storyboard x:Name="storyboardPopIn">

                    <PopInThemeAnimation Storyboard.TargetName="border" FromHorizontalOffset="1000" FromVerticalOffset="300" />

                </Storyboard>

                <!--

                    PopOutThemeAnimation - 控件消失时的动画

                -->

                <Storyboard x:Name="storyboardPopOut">

                    <PopOutThemeAnimation Storyboard.TargetName="border" />

                </Storyboard>

            </StackPanel.Resources>

            <Border Name="border" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left">

                <Border.Child>

                    <TextBlock Text="我是 Border 里的内容" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Button Name="btnPopIn" Content="PopInThemeAnimation Demo" Click="btnPopIn_Click" Margin="0 30 0 0" />

            <Button Name="btnPopOut" Content="PopOutThemeAnimation Demo" Click="btnPopOut_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/PopInPopOut.xaml.cs

/*

 * PopInThemeAnimation - 控件出现时的动画

 * PopOutThemeAnimation - 控件消失时的动画

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class PopInPopOut : Page

    {

        public PopInPopOut()

        {

            this.InitializeComponent();

        }

        private void btnPopIn_Click(object sender, RoutedEventArgs e)

        {

            storyboardPopIn.Begin();

        }

        private void btnPopOut_Click(object sender, RoutedEventArgs e)

        {

            storyboardPopOut.Begin();

        }

    }

}

2、演示主题动画之 FadeInThemeAnimation, FadeOutThemeAnimation
Animation/ThemeAnimation/FadeInFadeOut.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.FadeInFadeOut"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    FadeInThemeAnimation - 控件淡入的动画

                -->

                <Storyboard x:Name="storyboardFadeIn">

                    <FadeInThemeAnimation Storyboard.TargetName="border" Duration="00:00:10" />

                </Storyboard>

                <!--

                    FadeOutThemeAnimation - 控件淡出的动画

                -->

                <Storyboard x:Name="storyboardFadeOut">

                    <FadeOutThemeAnimation Storyboard.TargetName="border" Duration="00:00:10" />

                </Storyboard>

            </StackPanel.Resources>

            <Border Name="border" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left">

                <Border.Child>

                    <TextBlock Text="我是 Border 里的内容" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Button Name="btnFadeIn" Content="FadeInThemeAnimation Demo" Click="btnFadeIn_Click" Margin="0 10 0 0" />

            <Button Name="btnFadeOut" Content="FadeOutThemeAnimation Demo" Click="btnFadeOut_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/FadeInFadeOut.xaml.cs

/*

 * FadeInThemeAnimation - 控件淡入的动画

 * FadeOutThemeAnimation - 控件淡出的动画

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class FadeInFadeOut : Page

    {

        public FadeInFadeOut()

        {

            this.InitializeComponent();

        }

        private void btnFadeIn_Click(object sender, RoutedEventArgs e)

        {

            storyboardFadeIn.Begin();

        }

        private void btnFadeOut_Click(object sender, RoutedEventArgs e)

        {

            storyboardFadeOut.Begin();

        }

    }

}

3、演示主题动画之 PointerDownThemeAnimation, PointerUpThemeAnimation
Animation/ThemeAnimation/PointerDownPointerUp.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.PointerDownPointerUp"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    PointerDownThemeAnimation - 鼠标（手指）在控件上按下时的动画

                -->

                <Storyboard x:Name="storyboardPointerDown">

                    <PointerDownThemeAnimation Storyboard.TargetName="border" />

                </Storyboard>

                <!--

                    PointerUpThemeAnimation - 鼠标（手指）在控件上抬起时的动画

                -->

                <Storyboard x:Name="storyboardPointerUp">

                    <PointerUpThemeAnimation Storyboard.TargetName="border" />

                </Storyboard>

            </StackPanel.Resources>

            <Border Name="border" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left">

                <Border.Child>

                    <TextBlock Text="我是 Border 里的内容" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Button Name="btnPointerDown" Content="PointerDownThemeAnimation Demo" Click="btnPointerDown_Click" Margin="0 10 0 0" />

            <Button Name="btnPointerUp" Content="PointerUpThemeAnimation Demo" Click="btnPointerUp_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/PointerDownPointerUp.xaml.cs

/*

 * PointerDownThemeAnimation - 鼠标（手指）在控件上按下时的动画

 * PointerUpThemeAnimation - 鼠标（手指）在控件上抬起时的动画

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class PointerDownPointerUp : Page

    {

        public PointerDownPointerUp()

        {

            this.InitializeComponent();

        }

        private void btnPointerDown_Click(object sender, RoutedEventArgs e)

        {

            storyboardPointerDown.Begin();

        }

        private void btnPointerUp_Click(object sender, RoutedEventArgs e)

        {

            storyboardPointerUp.Begin();

        }

    }

}

4、演示主题动画之 SwipeHintThemeAnimation, SwipeBackThemeAnimation
Animation/ThemeAnimation/SwipeHintSwipeBack.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.SwipeHintSwipeBack"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    SwipeHintThemeAnimation - 控件的 Swipe 动画（当你的控件在收到 Swipe 后会做响应时）

                        ToHorizontalOffset, ToVerticalOffset - 控件需要到达的偏移量

                -->

                <Storyboard x:Name="storyboardSwipeHint">

                    <SwipeHintThemeAnimation Storyboard.TargetName="border" ToHorizontalOffset="100" ToVerticalOffset="100" />

                </Storyboard>

                <!--

                    SwipeBackThemeAnimation - 控件的 Swipe 动画（当你的控件在收到 Swipe 后不需要做任何响应时）

                        FromHorizontalOffset, FromVerticalOffset - 控件从此偏移量返回原位

                -->

                <Storyboard x:Name="storyboardSwipeBack">

                    <SwipeBackThemeAnimation Storyboard.TargetName="border" FromHorizontalOffset="100" FromVerticalOffset="100" />

                </Storyboard>

            </StackPanel.Resources>

            <Border Name="border" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left">

                <Border.Child>

                    <TextBlock Text="我是 Border 里的内容" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Button Name="btnSwipeHint" Content="SwipeHintThemeAnimation Demo" Click="btnSwipeHint_Click" Margin="0 10 0 0" />

            <Button Name="btnSwipeBack" Content="SwipeBackThemeAnimation Demo" Click="btnSwipeBack_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/SwipeHintSwipeBack.xaml.cs

/*

 * SwipeHintThemeAnimation - 控件的 Swipe 动画（当你的控件在收到 Swipe 后会做响应时）

 * SwipeBackThemeAnimation - 控件的 Swipe 动画（当你的控件在收到 Swipe 后不需要做任何响应时）

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class SwipeHintSwipeBack : Page

    {

        public SwipeHintSwipeBack()

        {

            this.InitializeComponent();

        }

        private void btnSwipeHint_Click(object sender, RoutedEventArgs e)

        {

            storyboardSwipeHint.Begin();

        }

        private void btnSwipeBack_Click(object sender, RoutedEventArgs e)

        {

            storyboardSwipeBack.Begin();

        }

    }

}

5、演示主题动画之 RepositionThemeAnimation
Animation/ThemeAnimation/Reposition.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.Reposition"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    RepositionThemeAnimation - 控件重新定位时的动画

                        FromHorizontalOffset, FromVerticalOffset - 控件从此偏移量的位置重新定位到新的位置

                -->

                <Storyboard x:Name="storyboardReposition">

                    <RepositionThemeAnimation Storyboard.TargetName="border" FromHorizontalOffset="1000" FromVerticalOffset="300" />

                </Storyboard>

            </StackPanel.Resources>

            <Border Name="border" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left">

                <Border.Child>

                    <TextBlock Text="我是 Border 里的内容" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Button Name="btnReposition" Content="RepositionThemeAnimation Demo" Click="btnReposition_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/Reposition.xaml.cs

/*

 * RepositionThemeAnimation - 控件重新定位时的动画

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class Reposition : Page

    {

        public Reposition()

        {

            this.InitializeComponent();

        }

        private void btnReposition_Click(object sender, RoutedEventArgs e)

        {

            storyboardReposition.Begin();

        }

    }

}

6、演示主题动画之 SplitOpenThemeAnimation, SplitCloseThemeAnimation
Animation/ThemeAnimation/SplitOpenSplitClose.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.SplitOpenSplitClose"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    SplitOpenThemeAnimation - 打开“拆分”控件的动画

                        打开 OpenedTargetName（OpenedTargetName 的内容是 ContentTargetName），关闭 ClosedTargetName

                    具体的用法参见 ComboBox 的 ControlTemplate

                -->

                <Storyboard x:Name="storyboardSplitOpen">

                    <SplitOpenThemeAnimation

                        OpenedTargetName="border"

                        ContentTargetName="textBlock"

                        ClosedTargetName="rectangle"

                        ContentTranslationDirection="Left"

                        ContentTranslationOffset="200"

                        OffsetFromCenter="0"

                        OpenedLength="1"

                        ClosedLength="0" />

                </Storyboard>

                <!--

                    SplitCloseThemeAnimation - 关闭“拆分”控件的动画

                        关闭 OpenedTargetName（OpenedTargetName 的内容是 ContentTargetName），打开 ClosedTargetName

                    具体的用法参见 ComboBox 的 ControlTemplate

                -->

                <Storyboard x:Name="storyboardSplitClose">

                    <SplitCloseThemeAnimation

                        OpenedTargetName="border"

                        ContentTargetName="textBlock"

                        ClosedTargetName="rectangle"

                        ContentTranslationDirection="Left"

                        ContentTranslationOffset="200"

                        OffsetFromCenter="0"

                        OpenedLength="1"

                        ClosedLength="0" />

                </Storyboard>

            </StackPanel.Resources>

            <Rectangle Name="rectangle" Width="400" Height="100" Fill="Orange" HorizontalAlignment="Left" />

            <Border Name="border" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left" />

            <Button Name="btnSplitOpen" Content="SplitOpenThemeAnimation Demo" Click="btnSplitOpen_Click" Margin="0 10 0 0" />

            <Button Name="btnSplitClose" Content="SplitCloseThemeAnimation Demo" Click="btnSplitClose_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/SplitOpenSplitClose.xaml.cs

/*

 * SplitOpenThemeAnimation - 打开“拆分”控件的动画

 * SplitCloseThemeAnimation - 关闭“拆分”控件的动画

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class SplitOpenSplitClose : Page

    {

        public SplitOpenSplitClose()

        {

            this.InitializeComponent();

        }

        private void btnSplitOpen_Click(object sender, RoutedEventArgs e)

        {

            TextBlock textBlock = new TextBlock();

            textBlock.Name = "textBlock";

            textBlock.Text = "我是 Border 里的内容";

            textBlock.TextAlignment = TextAlignment.Center;

            textBlock.VerticalAlignment = VerticalAlignment.Center;

            border.Child = textBlock;

            storyboardSplitOpen.Begin();

        }

        private void btnSplitClose_Click(object sender, RoutedEventArgs e)

        {

            storyboardSplitClose.Begin();

        }

    }

}

7、演示主题动画之 DrillInThemeAnimation, DrillOutThemeAnimation
Animation/ThemeAnimation/DrillInDrillOut.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.DrillInDrillOut"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <StackPanel.Resources>

                <!--

                    注：各种 ThemeAnimation 均继承自 Timeline，但是 Timeline 的相关的控制类属性均无效，因为各种控制类属性是由对应的 ThemeAnimation 来决定的

                -->

                <!--

                    DrillInThemeAnimation - 有层次关系的，从上级到下级的导航动画（master 到 details）

                        EntranceTarget, EntranceTargetName - 需要动画显示的元素（details）

                        ExitTarget, ExitTargetName - 需要动画消失的元素（master）

                -->

                <Storyboard x:Name="storyboardDrillIn">

                    <DrillInThemeAnimation EntranceTargetName="borderDetails" ExitTargetName="borderMaster" />

                </Storyboard>

                <!--

                    DrillOutThemeAnimation - 有层次关系的，从下级到上级的导航动画（details 到 master）

                        EntranceTarget, EntranceTargetName - 需要动画显示的元素（master）

                        ExitTarget, ExitTargetName - 需要动画消失的元素（details）

                -->

                <Storyboard x:Name="storyboardDrillOut">

                    <DrillOutThemeAnimation EntranceTarget="{x:Bind borderMaster}" ExitTarget="{x:Bind borderDetails}" />

                </Storyboard>

            </StackPanel.Resources>

            <Border Name="borderMaster" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left">

                <Border.Child>

                    <TextBlock Text="Master" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Border Name="borderDetails" BorderThickness="5" BorderBrush="Red" Background="Blue" CornerRadius="10" Width="400" Height="100" HorizontalAlignment="Left" Margin="10 5 0 0">

                <Border.Child>

                    <TextBlock Text="Details" TextAlignment="Center" VerticalAlignment="Center" />

                </Border.Child>

            </Border>

            <Button Name="btnDrillIn" Content="DrillInThemeAnimation Demo" Click="btnDrillIn_Click" Margin="0 30 0 0" />

            <Button Name="btnDrillOut" Content="DrillOutThemeAnimation Demo" Click="btnDrillOut_Click" Margin="0 10 0 0" />

        </StackPanel>

    </Grid>

</Page>

Animation/ThemeAnimation/DrillInDrillOut.xaml.cs

/*

 * DrillInThemeAnimation - 有层次关系的，从上级到下级的导航动画（master 到 details）

 * DrillOutThemeAnimation - 有层次关系的，从下级到上级的导航动画（details 到 master）

 */

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace Windows10.Animation.ThemeAnimation

{

    public sealed partial class DrillInDrillOut : Page

    {

        public DrillInDrillOut()

        {

            this.InitializeComponent();

        }

        private void btnDrillIn_Click(object sender, RoutedEventArgs e)

        {

            storyboardDrillIn.Begin();

        }

        private void btnDrillOut_Click(object sender, RoutedEventArgs e)

        {

            storyboardDrillOut.Begin();

        }

    }

}

8、演示主题动画之 DragItemThemeAnimation, DragOverThemeAnimation, DropTargetItemThemeAnimation
Animation/ThemeAnimation/DragItemDragOverDropTargetItem.xaml

<Page

    x:Class="Windows10.Animation.ThemeAnimation.DragItemDragOverDropTargetItem"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Windows10.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="10 0 10 10">

            <TextBlock LineHeight="22">

                <Run>顾名思义的 DragItemThemeAnimation, DragOverThemeAnimation, DropTargetItemThemeAnimation</Run>

                <LineBreak />

                <Run>具体的用法参见 GridViewItem 或 ListViewItem 的 ControlTemplate（另外，关于 GridViewItem 或 ListViewItem 的拖动项的说明，请参见控件部分的对应的示例代码）</Run>

            </TextBlock>

        </StackPanel>

    </Grid>

</Page>

动画: ThemeAnimation（主题动画）的更多相关文章

背水一战 Windows 10 (16) - 动画: ThemeAnimation（主题动画）
[源码下载] 背水一战 Windows 10 (16) - 动画: ThemeAnimation(主题动画) 作者:webabcd 介绍背水一战 Windows 10 之动画 PopInThemeA ...
重新想象 Windows 8 Store Apps (20) - 动画: ThemeAnimation（主题动画）
原文:重新想象 Windows 8 Store Apps (20) - 动画: ThemeAnimation(主题动画) [源码下载] 重新想象 Windows 8 Store Apps (20) - ...
Windows Store App 主题动画
Windows 8系统的动画库中包含了丰富的主题动画,在开发Windows应用商店应用时,使用主题动画编写较少的代码即可实现所期望的动画效果.下面介绍一些常用的主题动画,读者可以根据每种主题动画提供的 ...
笔记-动画篇-layout动画初体验
约束动画的文章要比预计的迟迟来临,最大的原因是没有找到我认为的足够好的动画来讲解约束动画 —— 当然了,这并不是因为约束动画太难.相反,因为约束动画实在太简单了,反而没有足够多的简单动画素材让我选用. ...
高性能Web动画和渲染原理系列（1）——CSS动画和JS动画
[摘要] 介绍CSS动画和JS动画的基本特点,以及轻量级动画库velocity.js的基本用法. 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园 ...
梅须逊雪三分白，雪却输梅一段香——CSS动画与JavaScript动画
CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...
Android动画：模拟开关按钮点击打开动画（属性动画之平移动画）
在Android里面,一些炫酷的动画确实是很吸引人的地方,让然看了就赏心悦目,一个好看的动画可能会提高用户对软件的使用率.另外说到动画,在Android里面支持3种动画: 逐帧动画(Frame Ani ...
View动画和属性动画
在应用中, 动画效果提升用户体验, 主要分为View动画和属性动画. View动画变换场景图片效果, 效果包括平移(translate), 缩放(scale), 旋转(rotate), 透明(alph ...
背水一战 Windows 10 (15) - 动画: 缓动动画
[源码下载] 背水一战 Windows 10 (15) - 动画: 缓动动画作者:webabcd 介绍背水一战 Windows 10 之动画缓动动画 - easing 示例演示缓动(easing ...

随机推荐

webform：分页组合查询
一个简单的分页组合查询页面 /// <summary> /// 查询方法 /// </summary> /// <param name="tsql"& ...
webSocket ws协议测试
最近公司做了个直播的项目,需要用到Websocket进行通信,因而需要对socket最大连接数及稳定性进行测试.当初得到这一需求的时候,唯一想到的就是jmeter,从百度下载相应的socket依赖ja ...
jquery工具方法proxy
proxy : 改变this指向使用方法1:function show(){ alert(this); }$.proxy(show,document)(); //document 使用方法2:fu ...
Git管理项目实例说明-记录和跟踪项目
假设一个HTML项目,使用Git来记录和跟踪这个项目,包括以下内容:1)创建版本库.2)添加与修改文件.3)创建新分支.4)打标签并整理版本库.5)克隆版本库. 1.创建版本库 Creating a ...
ItemIndex
ItemIndex一般是列表的一个属性,比如TCombobox和TListBox都有,表示当前选中的项(Item)的下标(Index),如果没有选中,那它是-1,所以一般判断TCombox或TList ...
2795: [Poi2012]A Horrible Poem
2795: [Poi2012]A Horrible Poem Time Limit: 50 Sec Memory Limit: 128 MBSubmit: 484 Solved: 235[Subm ...
JAVA和android 环境配置
1.设置classpath .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME\lib\tools.jar; 2.JAVA_HOME D:\Program Files\Java\j ...
mac上如何卸载oracle jdk 1.7
目前mac上有一些软件还不支持jdk1.7,只能卸载1.7,恢复到1.6,下面二个链接是官网给出的卸载方法: http://www.java.com/zh_CN/download/help/mac_u ...
Theano3.5-练习之深度卷积网络
来源:http://deeplearning.net/tutorial/lenet.html#lenet Convolutional Neural Networks (LeNet) note:这部分假 ...
仿造slither.io第一步：先画条蛇
前言最近 slither.io 貌似特别火,中午的时候,同事们都在玩,包括我自己也是玩的不亦乐乎. 好久好久没折腾过canvas相关的我也是觉得是时候再折腾一番啦,所以就试着仿造一下吧.楼主也没写过 ...

动画: ThemeAnimation（主题动画）

动画: ThemeAnimation（主题动画）的更多相关文章

随机推荐

热门专题