美文网首页
Android属性动画基本使用

Android属性动画基本使用

作者: 我弟是个程序员 | 来源:发表于2017-07-19 16:59 被阅读0次

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

    做一个动画时,一般实现的效果分为以下几种:透明度、旋转、移动、缩放。可以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】属性动画(基本用法)。本文只是简单的将巨人的成果按照我自己喜欢的方式组合了一下。谢谢作者带心情去旅行的分享。

    相关文章

      网友评论

          本文标题:Android属性动画基本使用

          本文链接:https://www.haomeiwen.com/subject/ozmlkxtx.html