android动效开篇

我正在参加 CSDN 2015博客之星评选 感恩分享活动,如果觉得文章还不错,请投个票鼓励下吧:http://vote.blog.csdn.net/blogstar2015/candidate?username=tianjian4592


    在现在的Android App开发中,动效越来越受到产品和设计师同学的重视,如此一来,也就增大了对开发同学的考验,虽说简单的动效:如移动,旋转,缩放,渐变或普通的界面跳转相对简单,但在目前日益激烈的竞争条件下,出彩复杂的动效也越来越多,并且很多效果已经无法直接用android提供的Animation或Animator框架进行实现,需要通过自定义View或ViewGroup解决,当然,同一个效果的实现方式往往有多种,在实现一个效果的同时,怎么去进行权衡,比如多用图就会增大包大小并影响运行时内存,增加推广成本和影响留存,不用图又会增大开发难度,我们在开发动效的时候怎么去权衡,做出设计师同学想要的效果,并让我们的View在适配和机型/系统版本兼容上同样优秀也显得至关重要;


    在接下来的时间里,我会把我之前所做所总结的android动效相关和大家一步步分享,相互交流,相互学习,共同进步,当然里面难免会有可以更优的实现或方法,大家多多指出;


    对于后面要和大家分享的android动效相关的内容,我简单的梳理了一下:


    1.Animation和Animator使用,Interpolator(插值器)原理

      实例:腾讯管家桌面小火箭效果 - 文章链接

android动效开篇_第1张图片


    2.自定义View实现水波纹效果

      实例:标准正余弦水波纹(drawLine)和特征性水波纹(图像混合模式)-文章链接

android动效开篇_第2张图片                    android动效开篇_第3张图片


    3.paint、canvas、Matrix使用讲解

       1)、Paint 讲解 - 文章链接

            主要内容:ColorFilter(颜色过滤器)、Shader 渲染(LinearGradient、RadiulGradient、SweepGradient、                                 BitmapShader、ComposeShader)


                  实例效果:

android动效开篇_第4张图片                android动效开篇_第5张图片


    android动效开篇_第6张图片              android动效开篇_第7张图片                  android动效开篇_第8张图片



      ---- 小插曲:一个绚丽的 loading 动效 --文章链接


android动效开篇_第9张图片

     

     ---- Android使用SVG矢量图打造酷炫动效! --文章链接


android动效开篇_第10张图片

     

      ---- Android Paint之 setXfermode PorterDuffXfermode 讲解! -- 文章链接

                  android动效开篇_第11张图片                       android动效开篇_第12张图片


              ---- Canvas开篇之drawBitmap方法讲解 --文章链接  

            android动效开篇_第13张图片               android动效开篇_第14张图片


          


                   ----Canvas之translate、scale、rotate、skew方法讲解! --文章链接

android动效开篇_第15张图片


android动效开篇_第16张图片                   android动效开篇_第17张图片

        --------Path相关方法讲解(一)  --文章链接

 android动效开篇_第18张图片 android动效开篇_第19张图片 android动效开篇_第20张图片 android动效开篇_第21张图片


--------Path相关方法讲解(二)  --文章链接

                      android动效开篇_第22张图片               android动效开篇_第23张图片            android动效开篇_第24张图片


 ---- Path特效之PathMeasure打造万能路径动效   --文章链接

android动效开篇_第25张图片


    4.Sharder讲解

        实例:小霸王开机动效,带水波纹文字特效,彩色旋转光影效果

    5.Android中的图像、色彩处理

       实例:纯色值打造页面动效、图像色彩改变器

    6.Android事件分发机制

       实例:随手势改变的含listview或scrollview页面

    7.Android绘制流程、绘制机制

    8.主流效果剖析及讲解

      实例:QQ一键退潮效果(拉动去除消息)

            微信动态眼睛效果

            橡皮擦效果  ... ...


       目前想到的内容如上,接下来的时间将会按照上面列的目录进行分享,上面列举的实例也都是现在想到觉得比较有代表性的,后面写的时候如果遇到更好的会进行替换,当然大家遇到觉得好的有意思的效果也可以拿出来一起分享!


我正在参加 CSDN 2015博客之星评选 感恩分享活动,如果觉得文章还不错,请投个票鼓励下吧:http://vote.blog.csdn.net/blogstar2015/candidate?username=tianjian4592

     

你可能感兴趣的:(android动效篇)