Blend制作的下载动画

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

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

          Blend制作的下载动画

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

          Blend制作的下载动画

         选择工具箱中的Blend制作的下载动画 ,可以看到椭圆上出现一个渐变箭头。

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

Blend制作的下载动画

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

        Blend制作的下载动画

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

       Blend制作的下载动画

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

        Blend制作的下载动画

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

     Blend制作的下载动画

     添加帧

      Blend制作的下载动画

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

      Blend制作的下载动画

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

     Blend制作的下载动画

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

    Blend制作的下载动画

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

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

   后台添加Begin()

   Blend制作的下载动画

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

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

 

 

代码下载:LoadAnimation.rar

相关文章:

  • 2021-12-23
  • 2021-05-24
  • 2018-06-08
  • 2021-10-05
  • 2022-12-23
  • 2021-06-28
  • 2021-11-08
猜你喜欢
  • 2022-02-27
  • 2021-10-20
  • 2021-10-16
  • 2021-07-08
  • 2020-10-06
  • 2022-12-23
相关资源
相似解决方案