[Win8]Windows8开发笔记(十二):动画中Transition的使用
来源:互联网 发布:电脑编程游戏 编辑:程序博客网 时间:2024/05/22 08:24
新建一个项目TestTransition用来做实验。
拖动一个按钮和StackPanel进入MainPage:
<Page x:Class="TestTransition.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:TestTransition" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <Button Content="添加组件" HorizontalAlignment="Left" Margin="800,0,0,0" VerticalAlignment="Center" Height="100" Width="300" FontSize="48" FontFamily="Microsoft YaHei" Click="Button_Click_1"/> <StackPanel x:Name="spanel" HorizontalAlignment="Left" Height="426" Margin="348,112,0,0" VerticalAlignment="Top" Width="348"/> </Grid></Page>
我们先来点击这个按钮实现动态往StackPanel里面添加Button。
Button btn = new Button();btn.Content = DateTime.Now;spanel.Children.Add(btn);但是这样的添加过程太单调了,略显突兀。
那么我们如何做改进呢?只需要做一件事即可,在StackPanel中添加ChildrenTransition。
<StackPanel x:Name="spanel" HorizontalAlignment="Left" Height="426" Margin="348,112,0,0" VerticalAlignment="Top" Width="348"> <StackPanel.ChildrenTransitions> <TransitionCollection> <AddDeleteThemeTransition> </AddDeleteThemeTransition> </TransitionCollection> </StackPanel.ChildrenTransitions> </StackPanel>
此时再运行就能看到慢慢出现的动画效果了。
当然,AddDeleteThemeTransition也可以换成ContentThemeTransition或者EntranceThemeTransition,
逐渐从右侧滑着出现。
但是这些是Children出现的页面,如何设置自己出现的动画效果呢?
可以在xaml文件中加入一下代码即可“
<Page.Transitions> <TransitionCollection> <EntranceThemeTransition> </EntranceThemeTransition> </TransitionCollection> </Page.Transitions>
- [Win8]Windows8开发笔记(十二):动画中Transition的使用
- [Win8]Windows8开发笔记(十一):动画故事版 StoryBoard的入门介绍
- [Win8]Windows8开发笔记(八):数据绑定的基础
- [Win8]Windows8开发笔记(九):ListView的使用和数据绑定
- [Win8]Windows8开发笔记(一):猜数字大小的游戏
- [Win8]Windows8开发笔记(二):三种基础的布局控件
- [Win8]Windows8开发笔记(五):变换与投射以及制作旋转的头像
- [Win8]Windows8开发笔记(六):页面导航的基础与深入
- [Win8]Windows8开发笔记(七):页面样式的相关介绍
- [Win8]Windows8开发笔记(三):代码读取图片动态生成页面
- [Win8]Windows8开发笔记(十):FlipView和自定义值转换器
- jQuery Mobile 页面切换动画的使用(data-transition)
- jQuery Mobile 页面切换动画的使用(data-transition)
- [Win8]如何使用Visual Studio2012进行Windows8项目开发
- [Win8]如何使用Visual Studio2012进行Windows8项目开发
- vue Transition动画使用
- Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画
- Cocos2d-x 3.0 开发(十二)在CocoStudio中使用粒子挂载与曲线动画
- WinPcap读书笔记
- 啊啊啊啊啊啊
- android下面res目录使用
- android.os.OperationCanceledException - What it means
- meta的用法
- [Win8]Windows8开发笔记(十二):动画中Transition的使用
- 读取xls文件示例
- <英译中>Android Camera(一)
- 左右结构,右边上固定、下iframe,iframe自动改变大小
- [java.io]关于List对象的引用是自定义类型写入文件
- http_build_query用法
- Python之codecs模块
- Python错误: SyntaxError: Non-ASCII character
- 在一台机器上安装多个mysql实例