WPF动画之线性插值动画(1)

XAML代码:

1 <Window x:Class="线性插值动画.MainWindow"
2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4         Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded"
5         >
6     <Grid>
7         <TextBlock Width="220" Height="50" Foreground="#326939" FontSize="36" Name="textBlock1" Text="文字渐变效果"/>
8     </Grid>
9 </Window>

.CS代码:

 1 using System;
 2 using System.Windows;
 3 using System.Windows.Controls;
 4 using System.Windows.Media.Animation;
 5 namespace 线性插值动画
 6 {
 7     /// <summary>
 8     /// MainWindow.xaml 的交互逻辑
 9     /// </summary>
10     public partial class MainWindow : Window
11     {
12         public MainWindow()
13         {
14             InitializeComponent();
15         }
16
17         private void Window_Loaded(object sender, System.Windows.RoutedEventArgs e)
18         {
19             // 在此处添加事件处理程序实现。
20             DoubleAnimation da=new DoubleAnimation();
21             da.From=0;
22             da.To=1;
23             da.Duration=TimeSpan.FromSeconds(3);
24             this.textBlock1.BeginAnimation(TextBlock.OpacityProperty,da);
25        }
26     }
27 }

时间: 2024-11-09 08:48:13

WPF动画之线性插值动画(1)的相关文章

WPF(Windows10通用应用程序开发) 线性插值动画 or 帧动画学习笔记及实例

线性插值动画: [Storyboard]基本属性: TargetProperty:目标属性 TargetName:目标名称 From:指向属性的初始值:(可省略) To/By:(二选一) To:指向属性动画完成后的值:(可省略) By:指向属性初始值增加的值:(可省略) Duration:动画执行时间:格式:hh:mm:ss(如:0:0:1表示动画执行1s) AutoReverse:时间线(动画)达到Duration终点时是否倒退(true/false) RepeatBehavior:表示时间线

WPF MVVM模式下动画的实现

原文:WPF MVVM模式下动画的实现 在MVVM模式下,数据的显示都是通过绑定来实现的.当我们在ViewModel里修改数据时,View里面的界面会瞬间变化.但是如果我们希望这个变化有一个动画效果,应该怎么做呢? 可能一开始我们会想到DoubleAnimation.StoryBoard这些东西,但我们很快就会发现,它们只能操作View里面的元素,我们无法在ViewModel里使用它们. 我们在这里使用的方法是:创建一个类似DoubleAnimation的类,它的操作对象就是普通的double类

WPF特效-鱼游动动画

原文:WPF特效-鱼游动动画 ? 实现思路: ? ? ? ? ? 通过VisualBrush Binding方式获取鱼局部图像,在Viewport3D中创建ModelVisual3D块并把获取到的局部图通过VisualBrush Binding方式赋值.然后对ModelVisual3D块写3D 动画. ? ? ? ? ? 我的鱼原始图: 实现的效果: ? ? ? ? ? ? ? ? ? ? ? ?其他套路: ? ? ? 序列图动画帧循环加载. ? ? ? ?查阅资源,几乎都是在3DMax 或者U

WPF特效-鱼游动动画3

原文:WPF特效-鱼游动动画3 WPF不支持骨骼,故使用3DMax导出了序列模型文件(.mtl;.obj). 方法1: 使用Blend 2013打开所有obj文件,拖动排列一下即可在usercontrol中显示,使用RenderTargetBitmap生成png的序列图,使用Timer播放序列图即可. 方法2: ?WPF有很多动态加载obj模型文件的类库,使用循环方法,动态加载所有obj文件,动态生成每个obj对应的序列图.(尚未尝试,理论毫无问题). 方法3: ? 使用Unity3D 打开导出

WPF 3D 平移模型+动画(桥梁检测系统)

原文:WPF 3D 平移模型+动画(桥梁检测系统) 关于WPF 3D,网上有很多旋转的例子,但是关于平移的例子并不是太多.本文并非WPF 3D扫盲篇,因此需要对WPF 3D有一定了解,至少知道Viewport, PerspectiveCamera, ModelVisual3D等数据结构.需要了解WPF 3D的基础知识,可以参考MSDN:?http://msdn.microsoft.com/zh-cn/library/ms747437.aspx. ? 1. 摄像机平移OR物体平移: WPF场景主要

WPF 精修篇 路径动画

原文:WPF 精修篇 路径动画 路径动画 是让一个对象围绕指定Path 的运动路径 进行移动的动画 举栗子 路径动画 使用 Blend 来设置 是十分简单的 首先用工具 笔  点出一条线 新建一个圆形对象 然后右键笔画出的路径 设置为运动路径 效果 可以把storyboard 设置成 Forever 这样就一直在循环运动 <Storyboard x:Key="Storyboard1" RepeatBehavior="Forever"> 原文地址:http

WPF 精修篇 属性动画

原文:WPF 精修篇 属性动画 属性动画 是通过 Storyboard 来改变属性值 <Rectangle x:Name="rect" Width="200" Height="200" > <Rectangle.Fill> <SolidColorBrush Color="Beige" x:Name="color"></SolidColorBrush> <

代码创建 WPF 旋转、翻转动画(汇总)

原文:代码创建 WPF 旋转.翻转动画(汇总) 先建立一个button <Button Width="80" Height="60" Content="旋转" Name="trans" Click="trans_Click" Style="{x:Null}"/> 方法一:绕左上角旋转 public void Transform1() { RotateTransform rtf

.NET CORE(C#) WPF 值得推荐的动画菜单设计

微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏. .NET CORE(C#) WPF 值得推荐的动画菜单设计 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 YouTube上老外的一个设计,站长觉得不错,分享给大家作为参考,抽屉菜单的动画做的非常不错. 运行起始界面: 站长运行操作一遍,录制了动画大家看看: 2. 代码实现 使用 .NET CORE 3.1 创建名为 "AnimatedMenu" 的WPF模板项目,添