Windows Store App 主题动画

Windows 8系统的动画库中包含了丰富的主题动画,在开发Windows应用商店应用时,使用主题动画编写较少的代码即可实现所期望的动画效果。下面介绍一些常用的主题动画,读者可以根据每种主题动画提供的动画效果,在应用程序中加入相应的主题动画。

q  FadeInThemeAnimation,代表预配置不透明度动画,用于设置控件在屏幕中的淡入效果。

q  FadeOutThemeAnimation,用于设置控件从界面中删除或隐藏时的淡出效果。

q  DropTargetItemThemeAnimation,应用到潜在的拖放目标元素的预配置动画。

q  PopInThemeAnimation,控件的弹入组件显示时应用在控件上的预配置动画,此动画结合了不透明度和转换。

q  PopOutThemeAnimation,控件的弹入组件关闭或删除时应用在控件上的预配置动画,此动画结合了不透明度和转换。

q  RepositionThemeAnimation,界面控件重新放置时使用的预配置动画。

q  PointerDownThemeAnimation,代表一个预配置动画,当用户单击元素时动画运行。

q  PointerUpThemeAnimation,在点击一个项目或元素后(指针不再悬停在上面)运行的用户操作预配置动画。

由于上述主题动画实现代码很类似,这里仅以FadeOutThemeAnimation动画为例,实现一个矩形淡出屏幕的动画效果。

在一个打开的Windows 应用商店项目中新建一个空白页,并命名为FadeOutThemeAnimationPage,双击打开此页面的FadeOutThemeAnimationPage.xaml文件,在原有的Grid元素中添加如下代码。

<StackPanel>   

    <StackPanel.Resources>

        <Storyboard x:Name="storyboard">

            <FadeOutThemeAnimation  Storyboard.TargetName="MyRectangle"/>

        </Storyboard>

    </StackPanel.Resources>

</StackPanel>

<Rectangle PointerPressed="MyRectangle_PointerPressed" x:Name="MyRectangle"  Fill="Blue" Width="200" Height="300"/>

以上代码首先在StackPanel元素的资源字典StackPanel.Resources中添加一个作为动画资源的Storyboard元素,并命名为storyboard,以便在后台文件中调用storyboard对象的Begin方法启动动画。接着在Storyboard 元素中添加一个主题动画FadeOutThemeAnimation。

添加好了主题动画以后,下面继续在原有的Grid元素中添加一个Rectangle元素作为动画目标,同时指定此元素的的Fill属性值为蓝色(Blue),Width、Height属性值分别为200和300像素,并将其命名为MyRectangle。接着为Rectangle元素的PointerPressed事件定义名为MyRectangle_PointerPressed的事件处理方法,当触发此事件时将会启动主题动画。最后通过设置上面定义的Storyboard元素的TargetName属性值为MyRectangle,将主题动画效果定位到Rectangle元素上。

接下来打开FadeOutThemeAnimationPage.xaml.cs文件,为PointerPressed事件添加事件处理方法MyRectangle_PointerPressed,代码如下所示:

private void MyRectangle_PointerPressed(object sender, PointerRoutedEventArgs e)

{

    storyboard.Begin();

}

上面的代码通过调用storyboard对象的Begin方法能够实现启动主题动画的操作。运行此页面,然后单击屏幕中的矩形,可以清晰的看到此矩形产生了淡出屏幕的动画效果。

主题动画的有些默认属性值是可以改变的,例如要减慢淡出屏幕的速度,可以通过增大FadeOutThemeAnimation对象的Duration属性值来实现。读者可以参照以上列举的示例,试着为控件添加不同的主题动画。

时间: 2024-10-10 15:47:58

Windows Store App 主题动画的相关文章

Windows Store App 过渡动画

Windows Store App 过渡动画     在开发Windows应用商店应用程序时,如果希望界面元素进入或者离开屏幕时显得自然和流畅,可以为其添加过渡动画.过渡动画能够及时地提示用户屏幕所发生的变化,不会让用户觉得元素的位置变化过于突然.下面通过一个示例介绍如何为界面中的文本块添加过渡动画. 在一个打开的Windows应用商店项目中新建一个空白页,并命名为TransitionAnimationPage,双击打开此页面的TransitionAnimationPage.xaml文件,在Gr

Windows Store App 关键帧动画

关键帧动画和插值动画类似,同样可以根据目标属性值的变化产生相应的动画效果,不同的是,插值动画是在两个属性值之间进行渐变,而关键帧动画打破了仅通过两个属性值控制动画的局限性,它可以在任意多个属性值之间进行变化,这种变化方式可以是线性渐变也可以是瞬间突变.开发人员可以根据应用本身的需求,通过不同的关键帧设置动画元素的多个属性值,制作出更加复杂和绚丽的动画效果. 1.DoubleAnimationUsingKeyFrames关键帧动画 DoubleAnimationUsingKeyFrames关键帧动

Windows Store App 插值动画

插值动画支持DoubleAnimation.ColorAnimation和PointAnimation类型的动画.其中比较常用的是DoubleAnimation动画,它可以用来控制界面元素的Double类型属性值的动态变化,从而使元素在界面上呈现我们期望的动画效果.ColorAnimation和PointAnimation动画与DoubleAnimation动画类似,通过改变元素的Color类型和Point类型的属性值就可以实现这两种动画.下面首先介绍一下上述动画对象的一些共有属性. q  Du

C#学习(九)之Windows Store App &amp; WP 开发小记(一)

由于课程已经讲述完毕,所以本次学习记录就讨论记录一下我在Windows Store App & WP开发中遇到的一些问题与收获. 一.数据库(Sqlite)的使用 虽然资料很难找,但sqlite在这两个平台的使用还是很简单的. 首先是环境配置阶段: 1.工具->拓展与更新->联机,然后在右上搜索sqlite,之后下载安装下图两个打勾的拓展包,注意要重启VS方才生效. 2.项目->管理NuGet程序包->联机,搜索sqlite,安装下图打勾内容,如果项目多出下图两个文件即安装

Windows Store App 中使用Scrollviewer实现缩放功能

Windows Store App中可以直接使用Scrollviewer实现缩放功能,基本代码如下: <ScrollViewer Background="Yellow" HorizontalScrollBarVisibility="Visible" MaxZoomFactor="2" MinZoomFactor="0.5" VerticalScrollBarVisibility="Visible" Z

在桌面程序上(Winform or others)和Metro/Modern 程序(Windows store app)的交互(相互打开,配置读取等)

这个标题真是取得我都觉得蛋疼..微软改名狂魔搞得我都不知道要叫哪个好.. 这边记录一下自己的桌面程序跟windows store app交互的过程. 由于某些原因,微软的商店应用的安全沙箱导致很多事情无法做到,因此额外做了一个.NET桌面引擎来辅助,那么现在就需要让这两个不同环境的程序进行交互. 第一步:在桌面应用引擎中,唤醒商店应用. 根据MSDN解释,这边最简单的办法是使用协议(URI protocol)来解决. 1:打开程序的Package.appxmanifest,在声明中添加协议 名称

windows store app 读写图片

1 using System; 2 using System.Threading.Tasks; 3 using System.Runtime.InteropServices.WindowsRuntime; 4 using Windows.Graphics.Imaging; 5 using Windows.UI.Xaml.Media.Imaging; 6 using Windows.Storage; 7 using Windows.Storage.Pickers; 8 using Windows.

Windows Store App 中挂起时,程序奔溃的问题

昨天在开发windows phone 8.1程序时,发现程序在挂起的时候,会自动退出.通过调试发现错误信息是 System.Runtime.InteropServices.COMException (0x80004005): Unspecified error GetNavigationState doesn't support serialization of a parameter type which was passed to Frame.Navigate. at Windows.UI.

Get a developer license for windows store app(转)

Developer licenses are free, and you can get as many as you need so that all your test machines have one. If you get one or more developer licenses by using a Microsoft account, you must renew them every 30 days. If you get one or more developer lice