Blend制作的下载动画

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

首先拖出一个圆,参数如下:

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

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

按照Alt键,拖动渐变的中心点:

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

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

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

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

添加帧

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

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

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

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

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

后台添加Begin()

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

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

转自:http://www.cnblogs.com/626498301/archive/2011/03/11/1980598.html

Blend制作的下载动画

时间: 2024-11-09 04:38:58

Blend制作的下载动画的相关文章

VideoScribe(动画制作软件)下载 v2.0.1中文版

VideoScribe是一款专业且有趣的动画制作软件,软件界面直观,操作简单易于上手,即便是新手也可以使用VideoScribe制作出来有趣的动画效果,软件内置了海量的动画模板,只需要选择对应的模板,然后就可以导入图片或者添加自己喜欢的文字了,有了它让动画制作变得更简单.VideoScribe特色 每个人的专业动画 videoscribe使光滑的线图的图像,你选择–专业看动画,任何人都可以创建. 高清视频输出 美丽的,脆的,高清晰度视频会议上看屏幕或视网膜片为他们做在互联网上共享为好. 加载的原

理论制作 Windows 开机动画

第一次接触 Windows 开机动画是 2012 年,那时候魔方的版本号还是 3.12,魔方里面有个很酷炫狂霸拽的功能就是替换 Windows 7 的开机动画.一开始我是在IT之家论坛里下载开机动画,久而久之便萌生了自己制作开机动画的想法.经过多方打探,终于明白了魔方的开机动画 .bmp 文件的奥秘.原来网友制作的 .bmp 文件是由 105 个独立的 200*200 像素的图片组成,每一张图片就是一帧,105 张这样的图片顺序连接起来就是魔方支持的 .bmp 文件.(因此我们也可以算出一个合格

推荐几款制作网页滚动动画的 JavaScript 库

这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以让网站变得高大上起来. ScrollReveal.js ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力.只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画. 在线演示     立即下载 Sc

使用path制作各类型动画路径

原文:使用path制作各类型动画路径 <Window x:Class="使用path制作各类型动画路径.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height=&

CSS3制作网页Banner动画

CSS3特效制作网页Banner动画,CSS3,CSS3动画,Banner,网页Banner . 来源:http://www.huiyi8.com/css3/ CSS3制作网页Banner动画

利用css3-animation来制作逐帧动画

参考:https://www.qianduan.net/css3-animation/ 利用css3-animation来制作逐帧动画 常见用法: animation:mymove 4s ease-out 1s backwards; @-webkit-keyframes mymove /*Safari and Chrome*/ { from {left:0px;} to {left:200px;} } 解释: mymove :keyframes的名称; 4s:动画的总时间; ease-out:

利用html5制作一个时钟动画

1 <canvas id="clock" width="500" height="500" style="background-color: yellow"></canvas> 1 var clock=document.getElementById("clock"); 2 var cxt=clock.getContext("2d"); 3 function dra

css3制作的载入动画效果,效果很震撼!

  css3制作的载入动画效果,效果很震撼! javascript特效演示地址:http://www.huiyi8.com/jiaoben/ [代码] [JavaScript]代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

MidiEditor(MIDI音乐制作软件)下载 v2.5.0绿色中文版

MidiEditor是一款好用的MIDI音乐制作软件,专为喜欢作曲.编曲的朋友打造,软件界面直观,可以轻松进行音乐的创作.乐谱的打印.节目编排.音乐的调整.音响的幅度.节奏的速度.各声部之间的协调等操作,同时MidiEditor中文版还拥有虚拟电子和五线谱转简谱的功能. MidiEditor(MIDI音乐制作软件)下载 v2.5.0绿色中文版下载MidiEditor绿色中文版获取地址 MidiEditor(MIDI音乐制作软件)下载 v2.5.0绿色中文介绍:MidiEditor是一个免费的MI