原文:

今天来点实际的,项目中可以真实使用的,一个Loading的动画,最后封装成一个控件,可以直接使用在项目中,先上图:

整个设计比较简单,就是在界面上画18个Path,然后通过动画改变OpacityMask的值来实现一种动态的效果.

 

因为整个过程比较简单,所以其实没有用到Blend,唯一一个需要注意的是Path的路径值是请美工从PS里生成的,路径如下:

        
                     M291.15499,85.897525             C291.15499,85.897525              301.88917,85.87921              301.88917,85.87921              301.88917,85.87921              300.38339,94.355061              300.38339,94.355061              300.38339,94.355061              292.85366,94.355042              292.85366,94.355042              292.85366,94.355042              291.15499,85.897525              291.15499,85.897525Z
        

Path的代码如下,每个Path一次旋转特定的角度围成一个圆形

单个Path的动画:

源代码下载:

http://files.cnblogs.com/youngytj/LoadingAnimations.rar