如图,一个 Rectangle 一个 Button ,点击按钮时要通过动画完成对 Rectangle填充色的渐变动画.

Xaml:

 1 <Window
2 x:Class="WpfApp1.MainWindow"
3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
6 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
7 Title="MainWindow"
8 Width="400"
9 Height="250"
10 mc:Ignorable="d">
11 <Grid>
12 <Grid.RowDefinitions>
13 <RowDefinition />
14 <RowDefinition />
15 </Grid.RowDefinitions>
16
17 <!-- 注意这里通过 x:Name 为 Rectangle 对象注册了名称 -->
18 <!-- Rectangle 继承于 Shape. -->
19 <!-- Fill 是 Shape 的依赖属性,类型是 Brush. 这里为其指定了一个 SolidColorBrush 类型的笔刷,其 Color 属性为 Aqua -->
20 <!-- 接下来要在后台的C#代码中对这个 SolidColorBrush 的 Color 属性应用动画 -->
21 <Rectangle
22 x:Name="TheRectangle"
23 Width="150"
24 Height="50"
25 Fill="Aqua" />
26
27 <Button
28 Grid.Row="1"
29 Width="150"
30 Height="50"
31 Click="ButtonBase_OnClick">
32 开始动画
33 </Button>
34 </Grid>
35 </Window>

C#

 1 using System;
2 using System.Windows;
3 using System.Windows.Media;
4 using System.Windows.Media.Animation;
5 using System.Windows.Shapes;
6
7 namespace WpfApp1
8 {
9 /// <summary>
10 /// MainWindow.xaml 的交互逻辑
11 /// </summary>
12 public partial class MainWindow
13 {
14 public MainWindow()
15 {
16 InitializeComponent();
17 }
18
19 private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
20 {
21 //创建颜色动画对象.
22 var colorAnimation = new ColorAnimation(
23 Colors.Aqua, //颜色起始值
24 Colors.BlueViolet, //颜色中值值
25 new Duration(new TimeSpan(0, 0, 2)) //动画持续时间,2秒
26 );
27
28 //创建属性链.
29 //动画的目标属性是一个 Shape.Fill 属性的 Color 子属性.
30 var propertyChain = new[]
31 {
32 Shape.FillProperty,
33 SolidColorBrush.ColorProperty
34 };
35
36 //通过属性链创建 PropertyPath 对象.
37 var propertyPath = new PropertyPath("(0).(1)", propertyChain);
38
39 //通过 PropertyPath 对象指定动画的目标属性.
40 Storyboard.SetTargetProperty(colorAnimation, propertyPath);
41
42 //指定动画的目标对象
43 Storyboard.SetTargetName(colorAnimation, "TheRectangle");
44
45 //创建故事版,将动画包含其中,并启动动画
46 var storyboard = new Storyboard();
47 storyboard.Children.Add(colorAnimation);
48 storyboard.Begin(this);
49 }
50 }
51 }

知识来源:https://docs.microsoft.com/zh-cn/dotnet/framework/wpf/graphics-multimedia/storyboards-overview#indirect-targeting

wpf 中用 C# 代码创建 PropertyPath ,以对间接目标进行 Storyboard 动画.的更多相关文章

  1. [WPF]如何使用代码创建DataTemplate(或者ControlTemplate)

    1. 前言 上一篇文章([UWP]如何使用代码创建DataTemplate(或者ControlTemplate))介绍了在UWP上的情况,这篇文章再稍微介绍在WPF上如何实现. 2. 使用Framew ...

  2. iOS开发 纯代码创建UICollectionView

    转:http://jingyan.baidu.com/article/eb9f7b6d8a81a5869364e8a6.html iOS开发 纯代码创建UICollectionView 习惯了使用xi ...

  3. WPF使用后台C#代码创建Grid

    笔者刚刚接触WPF,菜鸟一枚,在做一个练手程序时遇到这样一个需求,创建一个新的Grid并将其添加至一个ListView中,要求Grid及其子元素应按一定顺序给Name属性赋值,直接使用XAML创建的话 ...

  4. 【WPF学习】第五十七章 使用代码创建故事板

    在“[WPF学习]第五十章 故事板”中讨论了如何使用代码创建简单动画,以及如何使用XAML标记构建更复杂的故事板——具有多个动画以及播放控制功能.但有时采用更复杂的故事板例程,并在代码中实现全部复杂功 ...

  5. WPF/WP/Silverlight/Metro App代码创建动画的思路

    在2010年之前,我都是用Blend创建动画,添加触发器实现自动动画,后来写成代码创建的方式.如今Blend已经集成到Visual Studio安装镜像中了,最新的VS2015安装,Blend的操作界 ...

  6. C# WPF 中用代码模拟鼠标和键盘的操作

    原文:C# WPF 中用代码模拟鼠标和键盘的操作 原文地址 C#开发者都知道,在Winform开发中,SendKeys类提供的方法是很实用的.但是可惜的是,在WPF中不能使用这个方法了. 我们知道,在 ...

  7. 通过中看不中用的代码分析Ioc容器,依赖注入....

    /** * 通过生产拥有超能力的超人实例 来理解IOC容器 */ //超能力模组接口 interface SuperModuleInterface{ public function activate( ...

  8. 在Entity Framework 中用 Code First 创建新的数据库

    在Entity Framework 中用 Code First 创建新的数据库 (原文链接) 本文将逐步介绍怎样用Code First 创建新数据库,使用在代码中定义类和API中提供的特性(Attri ...

  9. Prism 4 文档 ---第10章 Silverlight和WPF之间共享代码

        本主题帮助你理解来自Prism的多目标和它的优缺点.多目标的代码针对两个不同的平台有大致相同的代码库.这允许同时保持代码尽可能多一样能够产生针对两种不同技术的二进制文件.在这种情况下,本节介绍 ...

随机推荐

  1. 题解-Little C Loves 3 III

    Little C Loves 3 III 给定 \(n\) 和序列 \(a_0,a_1,\dots,a_{2^n-1}\) 和 \(b_0,b_1,\dots,b_{2^n-1}\),求序列 \(c_ ...

  2. Fabric v2.0中的隐私数据

    文章来源于https://hyperledger-fabric.readthedocs.io/en/release-2.0/ 私有数据集在v1.4中提出,一直使用的是隐私数据集方式,即建立一个隐私数据 ...

  3. 第一章、Docker 简介

    笔记内容来自:第一本Docker书 [澳] James Turnbull 著 李兆海 刘斌 巨震 ​ Docker 是一个能够把开发的应用程序自动部署到容器的开源引擎.(由Docker 公司,前dot ...

  4. 精尽Spring MVC源码分析 - 寻找遗失的 web.xml

    该系列文档是本人在学习 Spring MVC 的源码过程中总结下来的,可能对读者不太友好,请结合我的源码注释 Spring MVC 源码分析 GitHub 地址 进行阅读 Spring 版本:5.2. ...

  5. Day5 - 02 定义函数

    定义函数    Python中定义函数要使用def语句.     依次写出函数名.括号.括号中的参数和冒号,在缩进块中编写函数体,通过return语句返回函数返回值.如:                ...

  6. Kubernetes 最佳安全实践指南

    原文链接:https://fuckcloudnative.io/posts/security-best-practices-for-kubernetes-pods/ 对于大部分 Kubernetes ...

  7. css进阶 03-网页设计和开发中,关于字体的常识

    03-网页设计和开发中,关于字体的常识 #前言 我周围的码农当中,有很多是技术大神,却常常被字体这种简单的东西所困扰. 这篇文章,我们来讲一讲关于字体的常识.这些常识所涉及到的问题,有很强的可操作性, ...

  8. js下 Day05、DOM案例

    一.简易购物车 效果图: 功能思路分析: 功能一:数量加减 \1. 找到所有的加号按钮,循环绑定点击事件.点击加号时让对应的数量+1 (找清楚加号和数量的关系,让数量标签的内容++) \2. 找到所有 ...

  9. 官宣 | Apache Flink 1.12.0 正式发布,流批一体真正统一运行!

    官宣 | Apache Flink 1.12.0 正式发布,流批一体真正统一运行! 原创 Apache 博客 [Flink 中文社区](javascript:void(0) 翻译 | 付典 Revie ...

  10. RabbitMQ 详解 五种队列-SpiritMark

    上次带大家看了一下RabbitMQ的基本概念,今天我们来详解一下 RabbitMQ的五种队列,也算是一个笔记,如果对您有帮助,可以关注一下,便于下次光顾! 文章目录 1.简单队列 2.work 模式 ...