Blend制作的下载动画

最近使用Blend制作了一个下载动画，感觉很有意思，所以这篇给各位介绍下如何使用Blend制作一个简单的下载动画的步骤

首先拖出一个圆，参数如下：

选中椭圆后单击Properties面板，选择“Fill”，选择“线性渐变”画笔

选择工具箱中的，可以看到椭圆上出现一个渐变箭头。

按照Alt键，拖动渐变的中心点：

调整后，椭圆大约如上所示，下面继续添加长宽均为60，画笔为白色的圆形

选择这两个图像，在“对象”菜单中分别操作对齐|水平居中，对齐|垂直居中命令，这个时候，两者会重叠在一起

在“对象”菜单中，执行分组|Canvas命令，命名为loading

现在图像已经创建好了，开始制作一个简单的动画，声明一个动画

添加帧

在1s处将属性|转换|旋转180度

同样的操作，在2s的时候，旋转为360度

可以点击播放查看效果，继续设置AutoReverse为true，RepeatBehavior为Forever属性

最后加一个单独的文字就可以啦

通过这样一系列步骤，就创造出一个简单的动画了。当然你需要在运行时看到效果时，还差一步

后台添加Begin()

如果要把这个UserControl独立出来，可以通过依赖属性来控制动画，这里与文章主题不是太密切，暂时先不讲了

上面一系列步骤中，主要是对Blend的一些常用操作，希望对Silverlight爱好者有所帮助，创作出更加绚丽的下载动画。

代码下载：LoadAnimation.rar

转载于:https://www.cnblogs.com/626498301/archive/2011/03/11/1980598.html

Blend制作的下载动画相关推荐

android 动画制作软件下载,动画工场app下载-动画工场安卓版v1.0.23-PC6安卓网
动画工场app是一款模块化轻松制作动画的客户端应用,动画工场软件中用户可以提供的素材模板任意更改文字素材等等,动画工场支持自由编辑,随意组合镜头. 软件介绍动画工场app是一款模块化的动画制作APP ...
Expression Design与Blend制作滚动的小球动画教程
原文:Expression Design与Blend制作滚动的小球动画教程一,开发工具 Microsoft Expression Design & Blend 4.0 (3.0亦可). 这两 ...
Cinemachine教程 | Unity中如何快速制作相机切换动画？
摘要:使用Cinemachine可以快速制作相机切换动画,来看看我是怎么做的吧. 洪流学堂,让你快人几步.你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周的学习总结报告哦. 好久不见.我最近 ...
Expression Blend制作画卷效果
Expression Blend中可以方便的导入Photoshop或者illustrator的文件来创建我们的WPF或者Silverlight应用程序. 本文将一个具体的实例导入Photoshop文件 ...
css3 呼吸的莲花_CSS3制作莲花盛开动画
[css]代码库 CSS3制作莲花盛开动画 body { background-color: #d4d4d4; } .demo { margin: 40px auto 0; width: 500px; ...
matlab车轮滚动动画,Fireworks动画教程：简单制作轮子滚动动画效果
本教程是向大家介绍利用Fireworks简单制作轮子滚动动画效果,方法很简单,主要想通过这一实例向大家介绍fw mx如何让我们的web design变得更easy,希望大家通过本篇教程能有收获! 一直 ...
小学计算机动画制作,小学flash动画课件制作方法
小学flash动画课件制作方法 flash动画可以制作多种多样的课件,而且简单又方便,下面是小编为大家推荐小学flash动画课件的内容,希望能够帮助到你,欢迎大家的阅读参考. 方法/步骤 1 上网搜索 ...
如何在Unity中制作VR全景动画
超简单的引言本教程介绍的是如何一个人制作出像模像样的VR全景动画.笔者没有去详细的研究过动画的制作方式,或者说根本就不了解啊,所以本文章只是门外汉的一次自嗨,请勿认真,作为一种参考即可. 一总览 ...
静态HTML网页设计作品——火影忍者动漫(7页) 动漫HTML代码学生漫画设计与制作期末作业下载大学生动漫设计与制作成品下载漫画作业代码下载
HTML5期末大作业:动漫网站设计--火影忍者动漫(7页) 动漫HTML代码学生漫画设计与制作期末作业下载大学生动漫设计与制作成品下载漫画作业代码文章目录 HTML5期末大作业:动漫网站设计- ...

Blend制作的下载动画

Blend制作的下载动画相关推荐

最新文章

热门文章