[Win8]Windows8开发笔记(十二):动画中Transition的使用

本文介绍如何在 WPF 应用程序中使用过渡动画效果为 StackPanel 中添加的控件提供平滑的视觉体验。通过添加 ChildrenTransitions 和 Page.Transitions 属性,可以轻松实现各种预定义的过渡动画。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新建一个项目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>



资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 四路20秒声光显示计分抢答器Multisim14仿真源文件+设计文档资料摘要 数字抢答器由主体电路与扩展电路组成。优先编码电路、锁存器、译码电路将参赛队的输入信号在显示器上输出;用控制电路和主持人开关启动报警电路,以上两部分组成主体电路。通过定时电路和译码电路将秒脉冲产生的信号在显示器上输出实现计时功能,构成扩展电路。经过布线、焊接、调试等工作后数字抢答器成形。关键字:开关阵列电路;触发锁存电路;解锁电路;编码电路;显示电路 一、设计目的 本设计是利用已学过的数电知识,设计的4人抢答器。(1)重温自己已学过的数电知识;(2)掌握数字集成电路的设计方法和原理;(3)通过完成该设计任务掌握实际问题的逻辑分析,学会对实际问题进行逻辑状态分配、化简;(4)掌握数字电路各部分电路与总体电路的设计、调试、模拟仿真方法。 二、整体设计 (一)设计任务与要求: 抢答器同时供4名选手或4个代表队比赛,分别用4个按钮S0 ~ S3表示。 设置一个系统清除和抢答控制开关S,该开关由主持人控制。 抢答器具有锁存与显示功能。即选手按动按钮,锁存相应的编号,并在LED数码管上显示,同时扬声器发出报警声响提示。选手抢答实行优先锁存,优先抢答选手的编号一直保持到主持人将系统清除为止。 参赛选手在设定的时间内进行抢答,抢答有效,定时器停止工作,显示器上显示选手的编号和抢答的时间,并保持到主持人将系统清除为止。 如果定时时间已到,无人抢答,本次抢答无效。 (二)设计原理与参考电路 抢答器的组成框图如下图所示。它主要由开关阵列电路、触发锁存电路、解锁电路、编码电路和显示电路等几部分组成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值