【Android动画九章】-属性动画集

上一节通过ObjectAnimator类见识了什么是Android属性动画,不过都是单一的动画,下面通过例子学习一下组合动画也就是动画集是如何实现的,主要可以通过几种方式来实现,下面一一介绍。

一、简单的组合方式

布局代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="animatorset"
        android:src="@mipmap/ic_launcher" />

</LinearLayout>

设置了onClick属性,点击图片时触发对应的animatorset方法。
MainActivity.java代码如下:

package demo.androidwar.com.animatorsetdemo;

import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.imageView);
    }

    public void animatorset(View view) {
        ObjectAnimator.ofFloat(imageView, "rotation", 0F, 360F).setDuration(1000).start();
        ObjectAnimator.ofFloat(imageView, "scaleX", 1F, 2F).setDuration(1000).start();
        ObjectAnimator.ofFloat(imageView, "translationX", 0F, 200F).setDuration(1000).start();

    }
}

三种动画在animatorset方法中罗列起来,它们是依次运行,还是同时运行,运行项目如下:
这里写图片描述
点击图片,我们可以看出,三种动画同时运行起来。

二、PropertyValuesHolder方式

修改MainActivity.java代码如下:

package demo.androidwar.com.animatorsetdemo;

import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.imageView);
    }

    public void animatorset(View view) {
        PropertyValuesHolder propertyValuesHolder1 = PropertyValuesHolder.ofFloat("rotation", 0F, 360F);
        PropertyValuesHolder propertyValuesHolder2 = PropertyValuesHolder.ofFloat("scaleX", 1F, 2F);
        PropertyValuesHolder propertyValuesHolder3 = PropertyValuesHolder.ofFloat("translationX", 0F, 200F);
        ObjectAnimator.ofPropertyValuesHolder(imageView, propertyValuesHolder1,
                propertyValuesHolder2, propertyValuesHolder3).setDuration(1000).start();
    }
}

用PropertyValuesHolder 类封装三个属性动画,需要调用其静态方法ofFloat并传入几个参数,包括属性类型和属性值的变化,然后调用ObjectAnimator类的ofPropertyValuesHolder方法,传入参数包括动画作用的对象和PropertyValuesHolder 对象,最后调用setDuration方法传入时间,调用start方法开始动画。运行项目实例,可以得到和上面一致的动画结果。

三、AnimatorSet 方式

package demo.androidwar.com.animatorsetdemo;

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.imageView);
    }

    public void animatorset(View view) {
        AnimatorSet animatorSet = new AnimatorSet();
        ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(imageView, "rotation", 0F, 360F);
        ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(imageView, "scaleX", 1F, 2F);
        ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(imageView, "translationX", 0F, 200F);
        animatorSet.playTogether(objectAnimator1, objectAnimator2, objectAnimator3);
        animatorSet.setDuration(1000);
        animatorSet.start();
    }
}

首先实例化一个AnimatorSet 对象,然后用三个ObjectAnimator对象包装三个属性动画,最后调用AnimatorSet 的playTogether方法,传入三个包装的属性动画,运行实例得到一致的动画效果。当然除了playTogether方法之外还有playSequentially方法,即:

animatorSet.playSequentially(objectAnimator1, objectAnimator2, objectAnimator3);

依次运行各个动画,运行项目如下:
这里写图片描述
可以看出首先运行旋转动画,然后进行尺寸动画,最后运行了位移动画。其实还可以更多方式控制动画的运行,代码如下:

public void animatorset(View view) {
        AnimatorSet animatorSet = new AnimatorSet();
        ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(imageView, "rotation", 0F, 360F);
        ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(imageView, "scaleX", 1F, 2F);
        ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(imageView, "translationX", 0F, 200F);
        animatorSet.play(objectAnimator3).with(objectAnimator2);
        animatorSet.play(objectAnimator1).after(objectAnimator2);
        animatorSet.setDuration(1000);
        animatorSet.start();
    }

这里用到了with和after方法,单从方法的命名上就可以看出,with表示一起运行,after表示在后面运行,也就是说在本项目中尺寸动画和位移动画一起运行,旋转动画在它们后面运行。运行实例如下:
这里写图片描述
**喜欢的朋友请关注我,另欢迎阅读我的电子书
百度阅读:
http://yuedu.baidu.com/ebook/284b41a1e518964bce847c90?pn=1&click_type=10010002&rf=http%3A%2F%2Fblog.csdn.net%2Fyayun0516%2Farticle%2Fdetails%2F51277821
亚马逊:
http://www.amazon.cn/Android-%E7%99%BE%E6%88%98%E7%BB%8F%E5%85%B8-%E5%8D%B7I-%E5%BC%A0%E4%BA%9A%E8%BF%90/dp/B01ER5R9U2?ie=UTF8&keywords=Android%E7%BB%8F%E5%85%B8&qid=1461806976&ref_=sr_1_6&s=digital-text&sr=1-6**

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值