14WPF---关键帧动画

已于 2023-12-21 18:01:36 修改
阅读量724 收藏 2
点赞数 1
分类专栏： WPF 文章标签： wpf
于 2022-12-13 14:53:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58563355/article/details/128297163
版权

1.动画类型

Linear+类型 +KeyGrame:线性变化关键帧，简单线性动画的处理基本一样

DiscreteDoubleKeyFrame:离散变化关键帧，不连续变化

SplineDoubleKeyFrame:样条关键帧，样条函数（二次贝塞尔曲线）

EasingDoubleKeyFrame:缓冲式关键帧

ObjectAnimationUsingKeyFrame:理论上让任意类型参与动画

2.线性和离散变化关键帧

<Window x:Class="WPF___关键帧动画.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF___关键帧动画"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Storyboard x:Key="sb">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="bor"
                                           Storyboard.TargetProperty="Width">
                <!--细化控制-->
                <!--LinearDoubleKeyFrame与DiscreteDoubleKeyFrame的区别是，前者是缓慢的变化
                过程，后者是到达KeyTime,突然变化到Value-->
                <LinearDoubleKeyFrame KeyTime="0:0:1" Value="200"/>
                <LinearDoubleKeyFrame KeyTime="0:0:2" Value="150"/>
                <DiscreteDoubleKeyFrame KeyTime="0:0:4" Value="400"/>
                <LinearDoubleKeyFrame KeyTime="0:0:5" Value="350"/>
                <DiscreteDoubleKeyFrame KeyTime="0:0:8" Value="400"/>
            </DoubleAnimationUsingKeyFrames>
            <!--离散-->
            <StringAnimationUsingKeyFrames Storyboard.TargetName="txt"
                                           Storyboard.TargetProperty="Text">
                <DiscreteStringKeyFrame KeyTime="0:0:0" Value=""/>
                <DiscreteStringKeyFrame KeyTime="0:0:0.5" Value="H"/>
                <DiscreteStringKeyFrame KeyTime="0:0:1" Value="He"/>
                <DiscreteStringKeyFrame KeyTime="0:0:1.5" Value="Hel"/>
                <DiscreteStringKeyFrame KeyTime="0:0:2" Value="Hell"/>
                <DiscreteStringKeyFrame KeyTime="0:0:2.5" Value="Hello"/>
            </StringAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn">
            <BeginStoryboard Storyboard="{StaticResource sb}"/>
        </EventTrigger>
    </Window.Triggers>
    <Grid>
        <StackPanel>
            <TextBlock x:Name="txt"/>
            <Border x:Name="bor" Height="30" Width="100" Background="OrangeRed"/>
        </StackPanel>
        <Button Content="执行动画" Height="30" VerticalAlignment="Bottom" Name="btn"/>
    </Grid>
</Window>

3.SplineDoubleKeyFrame关键帧

<Window x:Class="WPF___关键帧动画.SplineDoubleKeyFrame"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF___关键帧动画"
        mc:Ignorable="d"
        Title="SplineDoubleKeyFrame" Height="450" Width="800">
    <Window.Resources>
        <Storyboard x:Key="sb" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="tt1"
                                           Storyboard.TargetProperty="X">
                <SplineDoubleKeyFrame KeyTime="0:0:1" Value="300" KeySpline="0.1,0.6,0.9,0.4"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn">
            <BeginStoryboard Storyboard="{StaticResource sb}"/>
        </EventTrigger>
    </Window.Triggers>
    <Grid>
        <StackPanel>
            <Grid Width="300" Height="30" Background="Orange">
                <Ellipse Width="10" Height="10" Fill="White" HorizontalAlignment="Left">
                    <Ellipse.RenderTransform>
                        <TranslateTransform X="-10" x:Name="tt1"/>
                    </Ellipse.RenderTransform>
                </Ellipse>
            </Grid>
        </StackPanel>
        <Button Content="执行动画" VerticalAlignment="Bottom" Height="30" Name="btn"/>
    </Grid>
</Window>

KeySpline="0.1,0.6,0.9,0.4"说明：动画的变换速度曲线

 4.EasingDoubleKeyFrame缓冲式关键帧

动画效果

    <Window.Resources>
        <Storyboard x:Key="sb_1">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_1"
                             Storyboard.TargetProperty="Width">
                <!--EasingMode：缓冲模式-->
                <!--Oscillations：速度-->
                <!--Springiness：力度-->
                <DoubleAnimation.EasingFunction>
                    <ElasticEase Oscillations="3" Springiness="3" EasingMode="EaseIn"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_2">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_2"
                             Storyboard.TargetProperty="Width">
                <!--Bounces：弹跳次数-->
                <!--Bounciness：弹跳力度-->
                <DoubleAnimation.EasingFunction>
                    <BounceEase Bounces="3" Bounciness="2"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_3">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_3"
                             Storyboard.TargetProperty="Width">
                <!--Amplitude：收缩幅度-->
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="1" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_4">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_4"
                             Storyboard.TargetProperty="Width">
                <DoubleAnimation.EasingFunction>
                    <CircleEase/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_5">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_5"
                             Storyboard.TargetProperty="Width">
                <DoubleAnimation.EasingFunction>
                    <PowerEase/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_6">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_6"
                             Storyboard.TargetProperty="Width">
                <!--Exponent:插值的指数-->
                <DoubleAnimation.EasingFunction>
                    <ExponentialEase Exponent="1"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_7">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_7"
                             Storyboard.TargetProperty="Width">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_8">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_8"
                             Storyboard.TargetProperty="Width">
                <DoubleAnimation.EasingFunction>
                    <SineEase/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="sb_9">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>
        <!--
        SpeedRatio="0.3"
        AccelerationRatio="0.1"
        DecelerationRatio="0.1"
                    FillBehavior="HoldEnd"
        
        IsAdditive="True"
        RepeatBehavior="Forever"
        IsCumulative="True"
        -->

        <Style TargetType="Button">
            <Setter Property="HorizontalAlignment" Value="Right"/>
            <Setter Property="Width" Value="120"/>
        </Style>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_1">
            <BeginStoryboard Storyboard="{StaticResource sb_1}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_2">
            <BeginStoryboard Storyboard="{StaticResource sb_2}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_3">
            <BeginStoryboard Storyboard="{StaticResource sb_3}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_4">
            <BeginStoryboard Storyboard="{StaticResource sb_4}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_5">
            <BeginStoryboard Storyboard="{StaticResource sb_5}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_6">
            <BeginStoryboard Storyboard="{StaticResource sb_6}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_7">
            <BeginStoryboard Storyboard="{StaticResource sb_7}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_8">
            <BeginStoryboard Storyboard="{StaticResource sb_8}"/>
        </EventTrigger>

        <EventTrigger RoutedEvent="Button.Click" SourceName="btn_9">
            <BeginStoryboard Storyboard="{StaticResource sb_9}"/>
        </EventTrigger>
    </Window.Triggers>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Border Background="Orange" Width="50" Height="30" Name="bor_1" Grid.Row="0"/>
        <Button Content="ElasticEase" Name="btn_1"/>
        <Border Background="Red" Width="50" Height="30" Name="bor_2" Grid.Row="1"/>
        <Button Content="BounceEase" Grid.Row="1" Name="btn_2"/>
        <Border Background="Green" Width="50" Height="30" Name="bor_3" Grid.Row="2"/>
        <Button Content="BackEase" Grid.Row="2" Name="btn_3"/>
        <Border Background="Blue" Width="50" Height="30" Name="bor_4" Grid.Row="3"/>
        <Button Content="CircleEase" Grid.Row="3" Name="btn_4"/>
        <Border Background="Orange" Width="50" Height="30" Name="bor_5" Grid.Row="4"/>
        <Button Content="PowerEase" Grid.Row="4" Name="btn_5"/>
        <Border Background="Red" Width="50" Height="30" Name="bor_6" Grid.Row="5"/>
        <Button Content="ExponentialEase" Grid.Row="5" Name="btn_6"/>
        <Border Background="Green" Width="50" Height="30" Name="bor_7" Grid.Row="6"/>
        <Button Content="QuadraticEase" Grid.Row="6" Name="btn_7"/>
        <Border Background="Blue" Width="50" Height="30" Name="bor_8" Grid.Row="7"/>
        <Button Content="SineEase" Grid.Row="7" Name="btn_8"/>

        <Border Background="Orange" Grid.Row="9" Width="50" Height="30" Name="bor_9"/>
        <Button Content="扩展属性" Grid.Row="9" Name="btn_9"/>
    </Grid>

5.ObjectAnimationUsingKeyFrame:理论上让任意类型参与动画

   <Window.Resources>
        <Storyboard x:Key="sb">
            <!--闪动，还可以设置透明度Opacity来实现-->
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="txt"
                                           RepeatBehavior="Forever"
                                           Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0:0:1" >
                    <DiscreteObjectKeyFrame.Value>
                       <Visibility>
                            Hidden
                           
                       </Visibility>
                    </DiscreteObjectKeyFrame.Value>

                </DiscreteObjectKeyFrame>
                <DiscreteObjectKeyFrame KeyTime="0:0:2" >
                    <DiscreteObjectKeyFrame.Value>
                        <Visibility>
                            Visible
                        </Visibility>
                    </DiscreteObjectKeyFrame.Value>

                </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn">
            <BeginStoryboard Storyboard="{StaticResource sb}"/>
        </EventTrigger>
    </Window.Triggers>
    <Grid>
        <StackPanel>
            <TextBlock x:Name="txt" Text="Hello"/>
            <Border x:Name="bor" Height="30" Width="100" Background="OrangeRed"/>
        </StackPanel>
        <Button Content="执行动画" Height="30" VerticalAlignment="Bottom" Name="btn"/>
    </Grid>

6.动画拓展属性

SpeedRatio:播放速度

        <Storyboard x:Key="sb_9" SpeedRatio="3">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>

AccelerationRatio:加速速率

DecelerationRatio:减速速率

        <Storyboard x:Key="sb_9"       
        AccelerationRatio="0.1"
        DecelerationRatio="0.1">
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>

 AccelerationRatio="0.1"  和 DecelerationRatio="0.1"：

开始10%加速，最后10%减速，两者相加小于1

AutoReverse:是否执行相反的动画

        <Storyboard x:Key="sb_9" 
                    AutoReverse="True"
        >
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>

FillBehavior:动画结束HoldEnd（保持最后的结果）/Stop

        <Storyboard x:Key="sb_9" 
                   FillBehavior="HoldEnd"
        >
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>

RepeatBehavior:动画重复方式，次数/时间/Forever

IsAddtive:将目标属性的当前值添加到动画的起始值

        <Storyboard x:Key="sb_9" 
                   
        >
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             IsAdditive="True"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>

只能在Animation中 

IsCumulative:如果动画不断重复，就积累动画值

        <Storyboard x:Key="sb_9" 
               
        >
            <DoubleAnimation Duration="0:0:2"
                             From="50"
                             To="300"
                             RepeatBehavior="Forever"    
                             IsCumulative="True"
                             Storyboard.TargetName="bor_9"
                             Storyboard.TargetProperty="Width">
            </DoubleAnimation>
        </Storyboard>

只能在Animation中 

眼里的星光lzw
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF动态变换
weixin_50179860的博客
02-24 524
1、动态变换。 变换提供了自定义元素的最强大方式之一。每个元素都能以两种不同的方式使 用变换，RenderTransform属性和LayoutTransform属性。RenderTransform属 性效率更高。因为是在布局之后应用变换，并且用于变换最终的渲染输出。 LayoutTransform在布局前应用，从而其他控件需要重新排列以适应变换。 （1）关键帧动画。 如果需要创建具有多个分段的动画和不规则移动的动画，这个时候可以使用关 键帧动画。关键帧动画是由许多较短的段构成的动画，每段表示动画的初始 值、
WPF用关键帧制作动画
D&M的博客
06-28 840
在WPF中关键帧动画可以创建具有多个分段的动画和不规则移动的动画，关键帧动画是由许多较短的段构成的动画，每段表示动画的初始值、最终值或中间值。当运行动画时，她平滑地从一个值移动到另一个值。 接下来制作如下图的效果，虫子围绕着圆圈顺时针一直在转： 代码如下： 1 2 3 4 5 6 7 8 ...
WPF —— 关键帧动画
一个新人博客，愿多多支持。
04-02 961
2 <类型>AnimationUsingKeyFrames: 关键帧动画，功能要比from/to这些动画功能要强大，可以在任意地一个帧添加对应得动画效果甚至可以设置动画过程当中的。1<类型>Animation这些动画称为from/to/by动画或者叫基本动画，他们会在起始值或者结束值进行动画处理，常用的例如。4 <类型>AnimationBase 动画基类，是from/to和关键帧动画的基类，实现自定义动画可以实现该类。ColorAnimationusingkeyframes // 颜色类型的关键帧动画。
WPF关键帧动画
dotNET跨平台
12-06 888
动画与关键帧的区别本章介绍关键帧动画之前, 首先需要讲解一下关于WPF当中基础动画与本章所讲的关键帧动画的区别。视频地址:WPF扩展合集_哔哩哔哩 (゜-゜)つロ 干杯~-bilibil...
wpf动画
weixin_53370274的博客
04-02 1419
WPF提供了一个更高级的模型，通过该模型可以只关注动画的定义，而不考虑它们的渲染方式，这个模型基于依赖项属性基础架构，本质上，WPF动画只不过是在一段时间间隔内修改依赖项属性值的一种方式。wpf中，最常用的动画技术是线性插值动画，标准的帧速率是60秒/帧，使用动画的最简单方式是实例化在前面列出的其中一个动画类，然后使用修改元素的BeginAnimation()方法，所有wpf元素，从UIElement基类开始，都继承了BeginAnimation()方法，该方法是IAnimatable接口的一部分。
WPF 提供了以下关键帧动画类[msdn]
weixin_34206899的博客
05-17 225
属性类型 对应的 From/To/By 动画类 支持的内插方法 Boolean BooleanAnimationUsingKeyFrames 离散 Byte ByteAnimationUsingKeyFrames 离散、线性、样条 Color ColorAni...
WPF通过代码编写关键帧动画
12-05
在Windows Presentation Foundation (WPF...通过查看和学习该项目，你可以更深入地理解关键帧动画的使用方法，以及如何在WPF后台程序中实现动态效果。通过不断实践和实验，你将能够创建出更加精彩和交互性强的WPF应用。
WPF 基础视频教程（共50集）-48.关键帧动画
04-16
在本节WPF基础视频教程中，我们聚焦于"关键帧动画"这一核心概念，它在Windows Presentation Foundation (WPF)的动态效果呈现方面扮演着重要角色。关键帧动画允许开发者创建复杂、平滑且精确控制的时间序列动画，极大...
WPF-4-unleashed PDF 原书
最新发布
05-04
书里会详细讲解Storyboards、关键帧动画以及如何使用Timeline类创建复杂的动画序列，让界面过渡和用户交互更生动。 窗体和窗口管理是另一个重要部分，书中会讲述如何创建和配置窗口，以及如何处理窗口状态、大小...
WPF 基本动画、关键帧动画和路径动画示例
12-14
WPF动画的使用，包括DoubleAnimation、ColorAnimation、PointAnimation、ColorAnimationUsingKeyFrames、DoubleAnimationUsingKeyFrames、PointAnimationUsingKeyFrames、StringAnimationUsingKeyFrames、...
WPF-:wpf入门系列
03-24
WPF提供了丰富的动画类型，如补间动画、关键帧动画，以及各种转换器，如ScaleTransform、RotateTransform等。 **控件库和扩展**是WPF生态的重要组成部分。除了内置控件，社区还开发了许多第三方控件库，如MahApps....
WP/WPF 后台修改背景色图,样式绑定
In me the tiger sniffs the rose
03-26 2249
修改背景色图： 1.this.MyPivot.Background = new SolidColorBrush(Color.FromArgb(80, 230, 230, 230)); 2. ImageBrush b = new ImageBrush(); b.ImageSource = new BitmapImage(new Uri("pack://application:
【WPF学习】第五十四章 关键帧动画
深蓝旭的博客
04-12 726
　　到目前为止，看到的所有动画都使用线性插值从起点到终点。但如果需要创建具有多个分段的动画和不规则移动的动画。例如，可能希望创建一个动画，快速地将一个元素滑入到视图中，然后慢慢地将它移到正确位置。可通过创建两个连续的动画，并使用BeginTime属性在第一个动画之后开始第二个动画来实现这种效果。然而，还有更简单的方法——可使用关键帧动画。 　　关键帧动画是由许多较短的段构成的动画。每段表示动画中的初始值，最终值或中间值当运行动画时，它平滑地从一个值移到另一个值。 　　例如，分析下面的将RadialGrad.
《15天玩转WPF》—— 优美的动画详解（完结篇）
浪子花梦
04-05 2780
时间来到了 4月5日，清明已过，吾辈继续努力 . . . 这一篇写完之后，以后就用WPF写一些小程序了，之后开始算法的学习 . . . 那时少年，万花皆有逐梦时 . . . 文章目录 何为动画？ 简单独立动画 2.1 简单线性动画 2.2 高级动画控制 2.3 关键帧动画 2.4 特殊的关键帧 2.5 路径动画 场景 我们可以看出来，独立动画分为很多种，如果我们可以灵活的使...
WPF 基于帧的动画
technologyleader的专栏
12-01 530
　除基于属性的动画系统外，WPF提供了一种创建基于帧的动画的方法，这种方法只使用代码。需要做的全部工作是响应静态的CompositionTarge.Rendering事件，触发该事件是为了给每帧获取内容。这是一种非常低级的方法，除非使用标准的基于属性的动画模型不能满足需要(例如，构建简单的侧边滚动游戏、创建基于物理的动画式构建粒子效果模型(如火焰、雪花以及气泡))，否则不会希望使用这种方法。 　　构建基于帧的动画的基本技术很容易。只需要为静态的CompositionTarget.Rendering事件关联
WPF 基本动画
technologyleader的专栏
12-01 1282
　　在前一章已经学习过WPF动画的第一条规则——每个动画依赖于一个依赖项属性。然而，还有另一个限制。为了实现属性的动态化(换句话说，使用基于时间的方式改变属性的值)，需要有支持相应数据类型的动画类。例如，Button.Width属性使用双精度数据类型。为实现属性的动态化，需要使用DoubleAnimation类。但Button.Paddin属性使用的是Thickness结构，所以需要使用ThicknessAnimation类。 　　该要求不像WPF动画的第一条规则那么绝对，第一条规则将动画局限于依赖项属性
WPF 关键帧动画
⊱MinG⊰ の 博
06-27 571
开发工具与关键技术：Microsoft Visual Studio 2015 、WPF 撰写时间：2019年06月26日 关键帧动画：从一个值突然变成另一值的动画，所有关键帧动画都使用 "类型名 + AnimationUsingKeyFrames " 的形式进行命名，比如： DoubleAnimationUsingKeyFrames ——>Double型关键帧动画， ColorAnimat...
【WPF】Blend制作WPF的动画
Austin_Yan的博客
10-17 4244
文章目录连续动画目标效果Blend实现动画的调用路径动画Blend实现效果演示启动动画(程序)关闭动画 连续动画 基础的Storyboard、时间线什么的概念就不在这里写了，因为这个博客也就是我自己记录自己学习的历程，我还没到可以教别人的程度 用C#代码或者Xaml画一条线是很容易，但是要让线慢慢的一点点变长呢？用Timer计时器每隔一段时间修改line的宽度吗？不说Timer的时间精度问题，这样做出来想必也没有那么流畅的效果 目标效果 Blend实现 先创建一个Line的对象，放入Canvas容器内
WPF动画帧率
weixin_44587829的博客
06-17 1234
一般为了用户界面应用动画，只不过是创建并配置正确的动画和故事版对象。但在其他情况下，特别是同时发生多个动画时，可能更加需要关注性能。WPF试图保持以60帧/秒的速度进行动画，可以确保从开始到结束得到平滑流畅的动画。帧速率越低，会发生抖动现象。帧速率越高，占用的CPU也就越高。通过‘TimeLine.DesiredFrameRate’属性进行调整帧率。‘TimeLine’类，TimeLine时间轴是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值