首页

源码搜藏网

首页 > 安卓源码 > 功能分类 > 动画Animation >

自定义动画效果的Drawable

创建时间：2017-05-12 09:47  

自定义动画效果的Drawable
自定义动画效果的Drawable
暂无演示 立即下载

Android提供的的动画系统有属性动画(Property Animation)、补间动画(View Animation)和帧动画(Drawable Animation)。现在比较常用的是属性动画，因为功能比较强大，正常我们直接对视图控件(View)进行属性动画的情况比较多，下面来介绍下动画效果Drawable的实现，相比View来讲Drawable更简单，使用起来也很方便。

一. 自定义Drawable

 

自定义动画Drawable只要继承Drawable并实现以下4个方法，同时实现Animatable接口：

 

[java] view plain copy
 
  1. public class CircleDrawable extends Drawable implements Animatable {  
  2.     @Override  
  3.     public void draw(Canvas canvas) {  
  4.         //　绘图  
  5.     }  
  6.   
  7.     @Override  
  8.     public void setAlpha(int alpha) {  
  9.         //　设置透明度  
  10.     }  
  11.   
  12.     @Override  
  13.     public void setColorFilter(ColorFilter colorFilter) {  
  14.         //　设置颜色过滤  
  15.     }  
  16.   
  17.     @Override  
  18.     public int getOpacity() {  
  19.         //　设置颜色格式  
  20.         return PixelFormat.RGBA_8888;  
  21.     }  
  22.   
  23.     @Override  
  24.     public void start() {  
  25.         // 启动动画  
  26.     }  
  27.   
  28.     @Override  
  29.     public void stop() {  
  30.         // 停止动画  
  31.     }  
  32.   
  33.     @Override  
  34.     public boolean isRunning() {  
  35.         //　判断动画是否运行  
  36.         return false;  
  37.     }  
  38. }  
在这几个方法中我们主要来处理Drawable的绘制，即draw()方法，和自定义View一样。我们要实现动画效果，也实现Animatable接口，它的3个方法都是和动画相关，方法意图也很明显。下面来自定义一个圆圈逐渐扩散消失的效果：

 

 

[java] view plain copy
 
  1. /** 
  2.  * Created by long on 2016/7/2. 
  3.  * 圆圈Drawable 
  4.  */  
  5. public class CircleDrawable extends Drawable implements Animatable {  
  6.   
  7.     private Paint mPaint;  
  8.     // 动画控制  
  9.     private ValueAnimator mValueAnimator;  
  10.     // 扩散半径  
  11.     private int mRadius;  
  12.     // 绘制的矩形框  
  13.     private RectF mRect = new RectF();  
  14.     // 动画启动延迟时间  
  15.     private int mStartDelay;  
  16.   
  17.     // 自定义一个扩散半径属性  
  18.     Property<CircleDrawable, Integer> mRadiusProperty = new Property<CircleDrawable, Integer>(Integer.class, "radius") {  
  19.         @Override  
  20.         public void set(CircleDrawable object, Integer value) {  
  21.             object.setRadius(value);  
  22.         }  
  23.   
  24.         @Override  
  25.         public Integer get(CircleDrawable object) {  
  26.             return object.getRadius();  
  27.         }  
  28.     };  
  29.     public int getRadius() {  
  30.         return mRadius;  
  31.     }  
  32.     public void setRadius(int radius) {  
  33.         mRadius = radius;  
  34.     }  
  35.   
  36.   
  37.     public CircleDrawable() {  
  38.         mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
  39.         mPaint.setColor(Color.WHITE);  
  40.         mPaint.setStyle(Paint.Style.STROKE);  
  41.         mPaint.setStrokeWidth(5);  
  42.     }  
  43.   
  44.   
  45.     @Override  
  46.     public void draw(Canvas canvas) {  
  47.         // 绘制圆圈  
  48.         canvas.drawCircle(mRect.centerX(), mRect.centerY(), mRadius, mPaint);  
  49.     }  
  50.   
  51.     @Override  
  52.     public void setAlpha(int alpha) {  
  53.         mPaint.setAlpha(alpha);  
  54.     }  
  55.   
  56.     @Override  
  57.     public 

    相关内容
    • Android开发类似于淘宝，天猫，京东，支持多维属性，购物车动画
      Android开发类似于淘宝，天猫，京东，支持多维属性，购物车动画，支持MVVM架构，可以直接使用 功能描述 支持多维属性，库存为空判断； 支持设置选中指定的sku； 支持手动输入数量；
    • android仿饿了么加入购物车旋转控件动画按钮
      一个仿饿了么 带伸缩位移旋转动画的购物车按钮 注意，本控件非继承自ViewGroup,而是纯自定义View，实现的仿饿了么加入购物车控件，自带闪转腾挪动画的按钮。 图1 项目中使用的效果，考虑到了View的回收复用， 并且可以看到在RecyclerView中使用，切换LayoutM
    • Android开发实现一个沙漠风情动画效果
      Android开发实现一个沙漠风情动画效果 将其添加到存储库末尾的根build.gradle中： allprojects { repositories { ... maven { url https://jitpack.io } }} 添加依赖项 dependencies { compile com.github.jetradarmobile.desertplaceholder:desertplacehold
    • Android模仿支付宝芝麻信用动画源码
      Android模仿支付宝芝麻信用动画源码，如果你觉得不错，给我一个星，请支持，谢谢。 截图Gif 截图Png Usage Gradle Add it in your root build . gradle at the end of repositories : allprojects {repositories { ... maven { url https://jitpack.io }}} A
    • Android实现SafeView动画效果
      SafeView 这是我模仿的一个效果，要不断的进步，就要不断的学习。主要实现的效果是一个转动的效果和一个3D触摸效果。请看效果图（录制的图片有点大）： 知识点 1. Canvas 2. Paint 3. Shader 4. Camera(不是相机) 5. Animator 分析 整个View看上去是有四个圆

热门推荐