zoukankan      html  css  js  c++  java
  • Wpf(Storyboard)动画简单实例

    动画的三种变换方式

    RotateTransform:旋转变换变化值:CenterX围绕转的圆心横坐标

           CenterY纵坐标

           Angle旋转角度(角度正负表示方向)

     

    ScaleTransform缩放变换变化值:ScaleX横向放大倍数 ScaleY纵向(负值时翻转)

     

     

    TranslateTransform:平移变换变化值: X横坐标 Y纵坐标

     

    其中

    <Image.Projection>      后多了三种变化值,RotationXRotationYRotationZ分别围绕X Y Z轴转(单位度数)可以通过设置定时器来实现动画。

     

     

    <控件.RenderTransform>

          <变换方式x:Name = “名字></变换方式>

    </控件.RenderTransform >

     

     

    Wpf下使用:

    xaml <window></winodw>中添加:

     

    <window. Resources>
    
           <Storyboard x:Key=”动画名字”  RepeatBehavior="Forever"> 
    
                  <DoubleAnimation Storyboard.TargetName="名字"
    
                                 Storyboard.TargetProperty="变化值"
    
                                 From="数 " To="数 "
    
                                 BeginTime="XX:XX:XX"
    
                                 Duration="XX:XX:XX">
                </DoubleAnimation>
            <!--可以同时变化多个值。-->
    
                <DoubleAnimation Storyboard.TargetName="名字"
    
                                 Storyboard.TargetProperty="变化值"
    
                                 From="数 " To="数 "
    
                                 BeginTime="XX:XX:XX"
    
                                 Duration="XX:XX:XX">
    
                </DoubleAnimation>
    
           </Storyboard>                     
    
    </windows. Resources>
    
    

    在程序调用位置中添加(一般在窗口加载方法中添加)运行动画

    Storyboard sbd = Resources["动画名字"]asStoryboard;

    sbd.Begin();

     

    注意区分这里的名字动画名字是不同的。一般名字是控件的名字。

     

    RepeatBehavior获取或设置此时间线的重复行为。Forever循环动画

    DoubleAnimation它在指定的持续时间内将动画从指定的起始值继续到指定的目标值。

    FromTo 动画开始到结束变化的值

    BeginTimeDuration动画开始到结束所用时间

     

     

    DoubleAnimation中的值:

    AutoReverse="True/False"

    是否播放结束后倒序播放,例如:一朵云从左往右飘然后再从右往左飘回来

     

     

    下面方式实例:

     

    控件部分:

    <Image Source="Images/cloud.png" Width="190" Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="20,20,0,0">

               <Image.RenderTransform>

                   <TranslateTransform x:Name="cloud"></TranslateTransform>

               </Image.RenderTransform>

           </Image>

     

     

     

    动画部分:

       <Window.Resources>

           <Storyboard x:Key="sbCloud" RepeatBehavior="Forever">

               <DoubleAnimation Storyboard.TargetName="cloud"

                                Storyboard.TargetProperty="X"

                                From="0" To="280"

                                BeginTime="00:00:00"

                                Duration="00:00:10">

                   

               </DoubleAnimation>

               <DoubleAnimation Storyboard.TargetName="cloud"

                                Storyboard.TargetProperty="Y"

                                From="0" To="30"

                                BeginTime="00:00:00"

                                Duration="00:00:10">

                   

               </DoubleAnimation>

           </Storyboard>

       </Window.Resources>

     

    这篇文章主要是给自己看的,描述错误请见谅。

     

  • 相关阅读:
    第13章 TCP/IP和网络编程
    实验二测试
    实验四 Web服务器1socket编程
    thread同步测试
    团队作业(五):冲刺总结——第四天
    111
    递归和数学归纳法
    Nodejs中cluster模块的多进程共享数据问题
    JavaScript写类方式(一)——工厂方式
    JavaScript中的shift()和pop()函数
  • 原文地址:https://www.cnblogs.com/fornet/p/2976172.html
Copyright © 2011-2022 走看看