Android属性动画基本使用

看到一篇有关属性动画基本使用的简书,觉得写得很好,就提炼了一把。原文请看:原文

做一个动画时,一般实现的效果分为以下几种:透明度、旋转、移动、缩放。可以java代码实现,也可以xml文件实现。

一、透明度

透明度由0~1表示。0表示完全透明,1表示不透明

1.java实现
例:在1s内,将imageView的透明度从1变成0。
//透明度起始为1,结束时为0

ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0f);
animator.setDuration(1000);//时间1s
animator.start();

ofFloat中的参数:

  • imageView:执行动画的View;
  • "alpha":表示透明动画;
  • 1f:起始透明度;
  • 0f:动画结束后的透明度;

也可以这样:

//在2s内,将imageView的透明度从1变成0然后再变成1。
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0f, 1f);
animator.setDuration(2000);//时间1s
animator.start();

这里执行了两次动画,2s的时间平均分配给了这两次动画。
如果你想执行三次、四次...动画,只要在后面多加几个参数就可以了。这也适用于其他的几个动画效果:旋转、移动、缩放

属性动画提供 setRepeatCount(int count)来控制重复动画的次数。count为重复次数,-1表示一直重复。

2.xml实现:
在animator文件夹下,创建alpha.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
 android:duration="2000"
 android:propertyName="alpha"
 android:repeatCount="-1"
 android:repeatMode="reverse"
 android:valueFrom="0.5"
 android:valueTo="1"
 android:valueType="floatType" />

android:duration:动画持续时间;
android:propertyName:动画类型;
android:repeatCount:重复次数,-1为一直重复;
android:repeatMode:重复模式:reverse(从结束的位置继续), restart(从新开始);
android:valueFrom:起始值;
android:valueTo:结束值。
android:valueType:值类型

然后可以在代码中使用xml文件:

Animator animator = AnimatorInflater.loadAnimator(this, R.animator.alpha);
animator.setTarget(imageView);
animator.start();

二、旋转

1.java实现:

//例:在2s内,顺时针旋转360度,然后再逆时针旋转360度。
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "rotation", 0f, 360f, 0f);
animator.setDuration(2000);
animator.start();

注:下个度数大于上个度数,顺时针旋转;下个度数小于上个度数,逆时针旋转。
如:0f -> 360f ,顺时针; 360f -> 0f,逆时针。

2.xml实现:

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  android:valueFrom="0"
  android:valueTo="360"
  android:duration="2000"
  android:propertyName="rotation"
  android:valueType="floatType"/>

在Java中的调用跟上面的相似。

三、移动

1.java实现:

//在2s内,沿x轴左移300个像素,然后再右移300个像素
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "translationX", 0f, -300f, 0f);
animator.setDuration(2000);
animator.start();

这里的移动分为沿x、y轴移动,沿x轴时使用translationX,沿y轴移动使用translationY。

translationX:下个位置大于上个上个位置时,向右移动,反之向左移动;
translationY:下个位置大于上个上个位置时,向下移动,反之向上移动。
如:translationX:0f-> -300f,向左;-300f-> 0f,向右。

2.xml实现:

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  android:duration="2000"
  android:propertyName="translationX"
  android:repeatCount="-1"
  android:repeatMode="reverse"
  android:valueFrom="0"
  android:valueTo="200" 
  android:valueType="floatType"/>

这里就将android:propertyName的值改为translationX,若沿y轴,使用translationY即可。
在Java中的调用跟上面的相似。

四、缩放

1.java实现:

//在2s内,沿x轴放大成原来的两倍,然后缩小会原样。
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "scaleX", 1f, 2f, 1f);
animator.setDuration(2000);
animator.start();

缩放和移动相似,也分为沿x、y轴来放缩。沿x轴缩放使用scaleX,沿y轴缩放使用scaleY。
后面的参数表示倍数,1f表示原来的大小,以此推类:2f表示两倍、3f表示三倍。
如:1f-> 2f,放大成原来的两倍;2f-> 1f,从两倍变为原样。

2.xml实现:

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
  android:duration="2000"
  android:propertyName="scaleX"
  android:valueFrom="1"
  android:valueTo="1.5"
  android:valueType="floatType" />

这里就将android:propertyName的值改为scaleX,若沿y轴,使用scaleY即可。
在Java中的调用跟上面的相似。

五、组合动画

1.java实现:
如果只有这些基本动画是无法满足我们实际的应用的,所以还有个类AnimatorSet,专门来组合这些动画。
AnimatorSet:这个类提供了一个play()方法,调用后将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:

  • **after(Animator anim) **:将现有动画插入到传入的动画之后执行
  • after(long delay) :将现有动画延迟指定毫秒后执行
  • before(Animator anim): 将现有动画插入到传入的动画之前执行
  • **with(Animator anim) **:将现有动画和传入的动画同时执行

接下来看看应该怎么使用。
例:在3s内,沿x、y轴同时放大,然后缩小,在缩放的同时还要改变透明度。然后再完成3s的左右移动。

//沿x轴放大
ObjectAnimator scaleXAnimator = ObjectAnimator.ofFloat(imageView, "scaleX", 1f, 2f, 1f);
//沿y轴放大
ObjectAnimator scaleYAnimator = ObjectAnimator.ofFloat(imageView, "scaleY", 1f, 2f, 1f);
//移动
ObjectAnimator translationXAnimator = ObjectAnimator.ofFloat(imageView, "translationX", 0f, 200f, 0f);
//透明动画
ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0f, 1f);
AnimatorSet set = new AnimatorSet();
//同时沿X,Y轴放大,且改变透明度,然后移动
set.play(scaleXAnimator).with(scaleYAnimator).with(animator).before(translationXAnimator);
//都设置3s,也可以为每个单独设置
set.setDuration(3000);
set.start();

这里还可以设置延时:animator.setStartDelay(1000);//延迟1000ms后执行,需要在start()前调用

2.xml实现:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <set>
        <objectAnimator
            android:duration="4000"
            android:propertyName="rotation"
            android:repeatMode="reverse"
            android:valueFrom="0"
            android:valueTo="360" />
        <set android:ordering="sequentially">
            <objectAnimator
                android:duration="2000"
                android:propertyName="translationX"
                android:repeatMode="reverse"
                android:valueFrom="0"
                android:valueTo="200" />
            <objectAnimator
                android:duration="2000"
                android:propertyName="translationX"
                android:repeatMode="reverse"
                android:valueFrom="200"
                android:valueTo="0" />
        </set>
    </set>
    <set >
        <objectAnimator
            android:duration="4000"
            android:propertyName="rotation"
            android:repeatMode="reverse"
            android:valueFrom="0"
            android:valueTo="360" />
        <set android:ordering="sequentially">
            <objectAnimator
                android:duration="2000"
                android:propertyName="translationX"
                android:repeatMode="reverse"
                android:valueFrom="0"
                android:valueTo="-200" />
            <objectAnimator
                android:duration="2000"
                android:propertyName="translationX"
                android:repeatMode="reverse"
                android:valueFrom="-200"
                android:valueTo="0" />
        </set>
    </set>
</set>

set中的属性android:ordering:规定了这个set中的动画的执行顺序,包括:
together(默认):set中的动画同时执行
sequentially:set中的动画按顺序执行

六、监听事件

最后一件事就是监听事件了,在动画执行前,还可以为动画添加监听事件。

//添加监听事件
        set.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
                //动画开始的时候调用
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                //画结束的时候调用
            }

            @Override
            public void onAnimationCancel(Animator animation) {
                //动画被取消的时候调用
            }

            @Override
            public void onAnimationRepeat(Animator animation) {
                //动画重复执行的时候调用

            }
        });

也可以使用AnimatorListenerAdapter类,在这个类中,只要重写我们想要的监听事件就可以了。例如:

//另一种设置监听的方式,里面的监听方法可以选择性重写
set.addListener(new AnimatorListenerAdapter() {
    @Override
    public void onAnimationStart(Animator animation) {

    }
});

最后强调一点,本文参考了原著【Android】属性动画(基本用法)。本文只是简单的将巨人的成果按照我自己喜欢的方式组合了一下。谢谢作者带心情去旅行的分享。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,468评论 25 707
  • 1、前言 在我们体验一款APP时,炫酷的动画往往能让用户体验大幅度提升。想当年我刚学Android的时候,无意中看...
    带心情去旅行阅读 37,467评论 7 51
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,690评论 0 10
  • 对神的认识 这篇有很多关于神的属性,有圣洁(不喜悦恶事),公义(狂傲人不能站立),慈爱,等等等等。在诗人经过一夜的...
    UncleTea阅读 16,477评论 0 0
  • 今天脆弱的我又当班了,所以今日遵从内心,自抱自静。 等时间给我希望
    络石花阅读 172评论 1 1