最近使用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制作的下载动画的更多相关文章

  1. Expression Design与Blend制作滚动的小球动画教程

    原文:Expression Design与Blend制作滚动的小球动画教程 一,开发工具 Microsoft Expression Design & Blend 4.0 (3.0亦可). 这两 ...

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

    这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以 ...

  3. 理论制作 Windows 开机动画

    第一次接触 Windows 开机动画是 2012 年,那时候魔方的版本号还是 3.12,魔方里面有个很酷炫狂霸拽的功能就是替换 Windows 7 的开机动画.一开始我是在IT之家论坛里下载开机动画, ...

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

    原文:使用path制作各类型动画路径 <Window x:Class="使用path制作各类型动画路径.MainWindow" xmlns="http://sche ...

  5. Expression Blend制作自定义按钮(转)

    来源:http://www.cnblogs.com/iChina/archive/2011/11/25/2262854.html Expression Blend制作自定义按钮 1.从Blend工具箱 ...

  6. 【Unity 3D】使用 2DToolkit 插件 制作2D精灵动画

    话说博客传图也太麻烦了吧,一个一个文件一个一个传....为什么不能直接粘贴了,自动上传呢... 刚直接粘贴了,结果一张图没有,又重新截一次图,在传了一次...真是太**了 好了,吐槽完了,开始博客吧 ...

  7. Canvas制作的下雨动画

    简介 在codepen上看到一个Canvas做的下雨效果动画,感觉蛮有意思的.就研究了下,这里来分享下,实现技巧.效果可以见下面的链接. 霓虹雨: http://codepen.io/natewile ...

  8. css3制作左右拉伸动画菜单

    微博上看到这样一篇文章(http://js.itivy.com/?p=495),用jquery和css3制作左右拉伸动画菜单,看了下实现效果(http://js.itivy.com/jiaoben96 ...

  9. [Xcode 实际操作]六、媒体与动画-(8)使用CATransaction Reveal制作渐显动画

    目录:[Swift]Xcode实际操作 本文将演示如何制作渐显动画. 图片的不透明度逐渐发生了变化,从而产生作渐显动画的效果. 在项目导航区,打开视图控制器的代码文件[ViewController.s ...

随机推荐

  1. [ActionScript 3.0] AS3 绘制正四面体（线条）

    package { import flash.display.MovieClip; import flash.display.Sprite; import flash.events.Event; im ...

  2. 使用Aspose.Words把 word转成图片

    Document doc = new Document("f:\\333.doc"); ImageSaveOptions iso = new ImageSaveOptions(Sa ...

  3. 山东省第六届ACM省赛

    A.Nias and Tug-of-War(sort排序) B.Lowest Unique Price(set+map) C.Game!(博弈) D.Stars E.BIGZHUGOD and His ...

  4. 使用jQuery解析xml时command节点解析失败

    jQuery版本1.8.3 待解析的xml为: <message><user><command>Login</command></message& ...

  5. java左移右移运算符

    http://blog.csdn.net/dandanteng/article/details/7433531 首先要明白一点,这里面所有的操作都是针对存储在计算机中中二进制的操作,那么就要知道,正数 ...

  6. ASP.NET fails to detect Internet Explorer 10

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> http://www.han ...

  7. 《Code Complete》ch.22 开发者测试

    WHAT? 单元测试(Unit Testing):是将一个程序员或一个开发团队所编写的,一个完整的类.子程序或者小程序,从完整的系统中隔离出来进行测试 组件测试(Component Testing): ...

  8. fill的用法

    for(int i=0;i<=10;i++) num[i]=i ; fill(num+1,num+1+5,2) ; for(int i=0;i<=10;i++) printf(" ...

  9. leetcode 349：两个数组的交集I

    Problem: Given two arrays, write a function to compute their intersection. 中文:已知两个数组,写一个函数来计算它们的交集 E ...

  10. 多线程（三）GCD

    一.GCD GCD:Grand Central Dispatch,宏大的中央调度!!!是苹果为多核的并行运算提出的解决方案,会自动合理地利用更多的CPU内核(比如双核.四核), GCD的底层依然是用线 ...