GAStudio

前面说Canvas大致可以分为三类：1. save、restore 等与层的保存和回滚相关的方法；2. scale、rotate、clipXXX 等对画布进行操作的方法；3. drawXXX 等一系列绘画相关的方法；前面主要讲了drawBitmap方法，并举了一个星球浮动的栗子，在那个例子中，星球有大有小，需要移动，有时候可能需求上还需要旋转或错切，有了这些需求，我们就需要使用到与Canvas相关的translate、scale、rotate、skew这几个方法，平移、缩放、旋转、错切,这四个词听起

这个效果我们需要考虑以下几个问题：1. 这是图片还是文字；2. 如果是图片该如何拿到图形的边沿线坐标，如果是文字呢？3. 如果拿到了边沿线坐标，如何让光线沿着路径跑动；4. 怎么处理过程的衔接；以上四个问题似乎不是太好处理，而这几个问题也正好是这个效果精华所在，接下来咱们一个一个进行考虑，

上一篇只讲了Canvas中的drawBitmap方法，并且还说的这个方法好像很腻害、能做出很多牛逼效果的样子，接下来这篇文章只是为了作为上一篇文章的一个小栗子，进一步拓展大家利用drawBitmap 完成动效的思路！好了，先上失真的不能再失真的效果图：咱们先一起来分析下上面的效果：假定这是你刚从UE 或动效射鸡湿手里拿到上面的动效设计图，映入眼帘的是苍茫的星空，漂浮的星球营造出的深邃、浩瀚的宇宙，好了，不多BB了，针对上图你会想到什么样的实现方案？1. 有些同学可能会想到创建对应数量个ImageVi

如果对这个桃心绘制有问题或有兴趣的同学，可以链接到 Path相关方法讲解(二)，此时我们的需求是这样的：假定我们现在是一个婚恋产品，有一个“心动”的功能，用户点击“心动”按钮的时候，有一个光点快速的沿着桃心转一圈，然后整个桃心泛起光晕！针对这个需求，很多人可能会想到以下方案：不就一个光点沿着桃心跑一圈么，既然桃心是使用贝塞尔曲线画出来的，那么我们就可以用对应的函数模拟出这条曲线，然后算出对应位置上的点，不断将光点绘制到对应的位置上！这个思路当然没有问题，但我们还有相对简单的方式，那就是使用 Path

今天主要给大家带来一个在荣耀8上看到的一个小有意思的时钟效果，这个效果比较简单，俗话说，“人生在世，无非就是把复杂的事情整简单，抑或把简单的事情搞复杂”，既然比较简单，那咱们就多用几种方案来实现，进而开拓一下思路；首先先上效果图：从效果图上看，和常见表盘一样，每根线代表一条时间刻度，一个红色小圈随着时间的变化不断的移动，而差异的点主要在于表盘有一个突起，并且这个突起随着红点

谈到贝塞尔曲线，很多人会觉得高逼格、复杂、头疼，实则不然，贝塞尔曲线经过android封装，已经显得娇俏可爱，简单好用，之前一些红极一时的效果也均是由其打造，比如QQ的“一键退潮”效果、电子书曲面翻页效果…… 现在咱们就用贝塞尔曲线一起从0到1打造一个拥有极致体验、清秀灵动的GABottleLoading效果；好了，不多吹NB了，老规矩先上一个原始效果图： 如果你想看 GAStudio Gith

前面讲了paint，后面会花几篇主要讲讲canvas，并且由于最近项目比较紧，所以近期的文章都会“短小精悍”；paint 作为画笔，里面有非常多而强大的设置方法，比如设置颜色过滤器，设置位图渲染、渐变，设置图像的混合模式等等，而canvas呢？里面提供了哪些利器可以为我们所用，一起来看看：通过上图我们可以看到，canvas 里的方法基本可以分为这么几类：1. save、restore 等与层的保存和回滚相关的方法；2. scale、rotate、clipXXX 等对画布进行操作的方法；3. dra

在现在的Android App开发中，动效越来越受到产品和设计师同学的重视，如此一来，也就增大了对开发同学的考验，虽说简单的动效：如移动，旋转，缩放，渐变或普通的界面跳转相对简单，但在目前日益激烈的竞争条件下，出彩复杂的动效也越来越多，并且很多效果已经无法直接用android提供的Animation或Animator框架进行实现，需要通过自定义View或ViewGroup解决，当然，同一个效果的实现方式往往有多种，在实现一个效果的同时，怎么去进行权衡，比如多用图就会增大包大小并影响运行时内存，增加推广成本和

在实际的开发中，很多时候还会遇到相对比较复杂的需求，比如产品妹纸或UI妹纸在哪看了个让人兴奋的效果，兴致高昂的来找你，看了之后目的很明确，当然就是希望你能给她；在这样的关键时候，身子板就一定得硬了，可千万别说不行，爷们儿怎么能说不行呢；好了，为了让大家都能给妹纸们想要的，后面会逐渐分享一些比较比较不错的效果，目的只有一个，通过自定义view实现我们所能实现的动效；今天主

Android中开发动效有两套框架可以使用，分别为 Animation 和 Property Animation；相对来说，Animator比Animation要强大太多，两者之间的主要区别在于：区别一：需要的Anroid API level不一样Property Animation需要Android API level 11的支持,当然可以使用nineoldandroids.

好了，前面主要讲了Animation,Animator 的使用，以及桌面火箭效果和水波纹效果，分别使用android框架和自己绘制实现，俗话说，工欲善其事，必先利其器，接下来几篇文章主要讲绘制中我们需要常使用的一些利器；Paint：画笔Canvas：画布Matrix：变换矩阵绘制动效确实就像拿着笔在画布上面画画一样，而Paint就是我们拿着的笔，Canvas就是使用的画布；

前面关于paint的方法讲解里，讲到 setXfermode 就截止了，原因有两个：1. 那篇文章已经太长了，我自己都看不下去了；2. setXfermode 在paint 里占有至关重要的地位；基于以上两个原因，我们一起来看看这个方法有何妙用。首先我们还是来看看关于这个方法的说明： /** * Set or clear the xfermode object.

通过 Path相关方法讲解(一)，我们已经对 Path 有了一个很基本的了解，我们已经知道Path代表一条路径，而这条路径具体表现成什么样，我们自己可以自由发挥，随意构建，今天我们就一起来看看android给我们提供了哪些方法来构建路径；一、moveTo(float,float)用于移动路径的起始点到Point(x,y)，咱们都知道对于android系统来说，屏幕的左上角的坐标是 (0,0) , 我们在做一些操作的时候默认基准点也是 (0,0)，比如调用canvas.rotate(float degre

上一篇主要讲了Canvas的translate(平移) 、scale(缩放) 、rotate(旋转) 、skew(错切)，接下来几篇主要讲下android里的Path（封装了贝塞尔曲线）& Canvas里的drawPath(path,paint);很多人听到贝塞尔曲线，就觉得似乎挺高端大气上档次，后面会和大家一起揭开它的面纱，一睹真容；Path（路径）：我们先看看Path类里有哪些方法

前两天我们这边的头儿给我说，有个 gif 动效很不错，可以考虑用来做项目里的loading，问我能不能实现，看了下效果确实不错，也还比较有新意，复杂度也不是非常高，所以就花时间给做了，我们先一起看下效果：从效果上看，我们需要考虑以下几个问题：1.叶子的随机产生；2.叶子随着一条正余弦曲线移动；3.叶子在移动的时候旋转，旋转方向随机，正时针或逆时针；