记：动画小总结

动画.png

总的来说，动画就是以上三个分类，下面详细解释各个分类及使用方法

一.View动画

View动画指定开始和结束的动画样式，而中间如何过渡啊什么的，都是由系统带我们完成。
View动画总的来说使用较简单，先在res下新建anim文件夹，在此文件夹中新建各个动画的样式。
View动画改变的只是View显示，而没改变View的响应区域
1.AlphaAnimation透明度动画
使用方法：
a.新建drawable_alpha.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:duration="2000"//执行时间
        android:fromAlpha="1.0"//1.0代表完全不透明
        android:toAlpha="0.0" />//0.0代表完全透明
</set>

b.在activity或fragment中调用

 Animation alphaAnim=AnimationUtils.loadAnimation(this,R.anim.drawable_alpha);
 alphaAnim.setFillAfter(true);//动画执行后停止在最后一秒
 findViewById(R.id.ivPic).startAnimation(alphaAnim);

2.RotateAnimation旋转动画
使用方法：
a.新建drawable_alpha.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:duration="2000"//执行时间
        android:fromDegrees="0"//开始度数
        android:toDegrees="270" />//旋转度数
</set>

b.在activity或fragment中调用

  Animation rotateAnim=AnimationUtils.loadAnimation(this,R.anim.drawable_rotate);
  rotateAnim.setFillAfter(true);
  findViewById(R.id.ivPic).startAnimation(rotateAnim);

3.ScaleAnimation缩放动画
使用方法：
a.新建drawable_scale.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:duration="2000"//执行时间
        android:fromXScale="0dp"//X的初始位置
        android:fromYScale="0dp"//Y的初始位置
        android:toXScale="20dp"//X的终止位置
        android:toYScale="20dp" />//Y的终止位置
</set>

b.在activity或fragment中调用

   Animation scaleAnim=AnimationUtils.loadAnimation(this,R.anim.drawable_scale);
   scaleAnim.setFillAfter(true);
   findViewById(R.id.ivPic).startAnimation(scaleAnim);

4.TranslateAnimation平移动画
使用方法：
a.新建drawable_translate.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="2000"//执行时间
        android:fromXDelta="0"//起始位置
        android:toXDelta="200" />//终止位置
</set>

b.在activity或fragment中调用

   Animation translateAnim=AnimationUtils.loadAnimation(this,R.anim.drawable_translate);
   translateAnim.setFillAfter(true);
   findViewById(R.id.ivPic).startAnimation(translateAnim);
二.属性动画

属性动画分为ViewPropertyAnimator和ObjectAnimator
属性动画是通过不断改变View的属性，从而实现动画的效果
属性动画改变的不仅是View的位置，也改变了View的响应区域
1.ViewPropertyAnimator
当我们调用 imageView.animate()返回的就是ViewPropertyAnimator
ViewPropertyAnimator只可以使用系统提供给我们的一系列方法
语法为： imageView.animate()+xxx，后面接上是需要平移还是旋转还是缩放即可
此处举个例子，比如我们想要将view移动200距离

 imageView.animate().translationX(Utils.dpToPixel(200));

当然，这只是其中的一个动画效果，即移动200像素。如果想要又旋转又缩放等效果，你可以将他们组合在一起。此处举个例子，比如从透明度0到透明度，并且旋转360度且平移。

 imageView.animate().alpha(1)
                    .translationX(Utils.dpToPixel(200))
                    .translationY(50)
                    .scaleX(1)
                    .scaleY(1)
                    .rotation(360);

ViewPropertyAnimator的监听器有两个，分别是setListener()和 setUpdateListener()方法。如果想要移除监听，使用的是setListener(null)和setUpdateListener(null)

2.ObjectAnimator
ObjectAnimator可以通过自定义View,而设置一些我们想要通过修改它的属性，而可以实现的动画效果
语法为： (1)设置属性的get/set方法 (2)ObjectAnimator objectAnimator = ObjectAnimator.ofxxx(); (3)objectAnimator .start()，of后跟需要改变什么类型值就加上面，比如int,float...
此处举个例子，比如我们想要设置自定义view的progress属性，而让他产生动画效果

public class Practice08ObjectAnimatorView extends View {
    final float radius = dpToPixel(80);

    RectF arcRectF = new RectF();
    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

    // TODO 为 progress 添加 getter 和 setter 方法（setter 方法记得加 invalidate()）
    float progress = 0;

    public float getProgress() {
        return progress;
    }

    public void setProgress(float progress) {
        this.progress = progress;
        invalidate();//一定要加，意思是设置之后，重新调用onDraw(),否则onDraw()不会重新执行
    }
    //省略了构造方法
    {
        paint.setTextSize(dpToPixel(40));
        paint.setTextAlign(Paint.Align.CENTER);
    }

    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //关于自定义view的绘制省略
    }
}


    ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(view, "progress", 0, 65);
    objectAnimator.setDuration(1000);
    objectAnimator.start();

ViewPropertyAnimator的监听器有三个，分别是addListener()，addUpdateListener()，addPauseListener()方法。如果想要移除监听，使用的是removeListener()，removeUpdateListener()，removePauseListener()

3.ViewPropertyAnimator和ObjectAnimator的通用功能
(1)Interpolator:速度设置器，通过设置不同的Interpolator，动画会以不同的速度模型执行。如：LinearInterpolator是线性，AccelerateInterpolator是持续加速...
(2)setDuration()设置动画执行时长

三.Drawable动画

Drawable也可以被理解为帧动画，其实就是一个一个图片累加在一起的
使用方法：
a.在drawable目录下，新建drawable_frame.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item
        android:drawable="@drawable/ic_launcher"//一个一个图片
        android:duration="1000"/>//执行时长ms
    <item
        android:drawable="@drawable/ic_launcher_round"
        android:duration="1000"/>
    <item
        android:drawable="@drawable/ic_launcher"
        android:duration="1000"/>
    <item
        android:drawable="@drawable/ic_launcher_round"
        android:duration="1000"/>
</animation-list>

b.在使用的地方

  ImageView imageView=findViewById(R.id.ivPic);
  imageView.setImageResource(R.drawable.drawable_frame);
  AnimationDrawable animationDrawable= (AnimationDrawable) 
  imageView.getDrawable();
  animationDrawable.start();
四.对任何属性做动画的方法

1.能够给对象加上get,set方法（上面已有）
2.通过包裹一个类，增加get,set方法
举例：将B的宽扩大到500像素

  //调用处
  Button btStart = findViewById(R.id.btStart);

  ViewWrapper viewWrapper = new ViewWrapper(btStart);
   //此处get,set叫什么名，上面的ObjectAnimator.ofInt中“”里面就要对应什么名字，要一致
  ObjectAnimator objectAnimator = ObjectAnimator.ofInt(viewWrapper, "width", 300).setDuration(5000);
  objectAnimator.start();

  //声明处

  class ViewWrapper {
        private View view;

        public ViewWrapper(View view) {
            this.view = view;
        }

        public int getWidth() {
            return view.getWidth();
        }
        //此处get,set叫什么名，上面的ObjectAnimator.ofInt中“”里面就要对应什么名字，要一致
        public void setWidth(int width) {
            view.getLayoutParams().width = width;
            view.requestLayout();//相当于执行了 invalidate();
        }
    }

学习资料：
https://hencoder.com/ui-1-6/
https://blog.csdn.net/singwhatiwanna/article/details/17841165

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 159,458评论 4赞 363
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 67,454评论 1赞 294
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 109,171评论 0赞 243
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 44,062评论 0赞 207
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 52,440评论 3赞 287
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,661评论 1赞 219
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 31,906评论 2赞 313
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,609评论 0赞 200
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,379评论 1赞 246
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,600评论 2赞 246
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,085评论 1赞 261
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,409评论 2赞 254
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 33,072评论 3赞 237
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,088评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,860评论 0赞 195
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,704评论 2赞 276
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,608评论 2赞 270