需要图片集和源码请点赞关注收藏后评论区留言~~~
一、集合动画
有时一个动画效果会加入多种动画,比如一个旋转一边缩放,这时便会用到集合动画AnimationSet把几个补间动画组装起来,实现让某视图同时呈现多种动画的效果
因为集合动画和补间动画一样继承自Animation类,所以拥有补间动画的基本方法,集合动画不像一般补间动画那样提供构造方法,而是通过addAnimation方法把别的补间动画加入本集合动画中
效果如下 它可以把补间动画中多种情况得以演示效果合成一个动画,因此也成为集合动画
集合动画
代码如下
Java类
package com.example.animation;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
public class AnimSetActivity extends AppCompatActivity implements AnimationListener {
private ImageView iv_anim_set; // 声明一个图像视图对象
private AnimationSet setAnim; // 声明一个集合动画对象
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_anim_set);
iv_anim_set = findViewById(R.id.iv_anim_set);
iv_anim_set.setOnClickListener(v -> startAnim());
initAnimation(); // 初始化集合动画
}
// 初始化集合动画
private void initAnimation() {
// 创建一个灰度动画
Animation alphaAnim = new AlphaAnimation(1.0f, 0.1f);
alphaAnim.setDuration(3000); // 设置动画的播放时长
alphaAnim.setFillAfter(true); // 设置维持结束画面
// 创建一个平移动画
Animation translateAnim = new TranslateAnimation(1.0f, -200f, 1.0f, 1.0f);
translateAnim.setDuration(3000); // 设置动画的播放时长
translateAnim.setFillAfter(true); // 设置维持结束画面
// 创建一个缩放动画
Animation scaleAnim = new ScaleAnimation(1.0f, 1.0f, 1.0f, 0.5f);
scaleAnim.setDuration(3000); // 设置动画的播放时长
scaleAnim.setFillAfter(true); // 设置维持结束画面
// 创建一个旋转动画
Animation rotateAnim = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF,
0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnim.setDuration(3000); // 设置动画的播放时长
rotateAnim.setFillAfter(true); // 设置维持结束画面
// 创建一个集合动画
setAnim = new AnimationSet(true);
// 下面在代码中添加集合动画
setAnim.addAnimation(alphaAnim); // 给集合动画添加灰度动画
setAnim.addAnimation(translateAnim); // 给集合动画添加平移动画
setAnim.addAnimation(scaleAnim); // 给集合动画添加缩放动画
setAnim.addAnimation(rotateAnim); // 给集合动画添加旋转动画
setAnim.setFillAfter(true); // 设置维持结束画面
startAnim(); // 开始播放集合动画
}
// 开始播放集合动画
private void startAnim() {
iv_anim_set.startAnimation(setAnim); // 开始播放动画
setAnim.setAnimationListener(this); // 设置动画事件监听器
}
// 在补间动画开始播放时触发
@Override
public void onAnimationStart(Animation animation) {}
// 在补间动画结束播放时触发
@Override
public void onAnimationEnd(Animation animation) {
if (animation.equals(setAnim)) { // 原集合动画播放完毕,接着播放倒过来的集合动画
// 创建一个灰度动画
Animation alphaAnim2 = new AlphaAnimation(0.1f, 1.0f);
alphaAnim2.setDuration(3000); // 设置动画的播放时长
alphaAnim2.setFillAfter(true); // 设置维持结束画面
// 创建一个平移动画
Animation translateAnim2 = new TranslateAnimation(-200f, 1.0f, 1.0f, 1.0f);
translateAnim2.setDuration(3000); // 设置动画的播放时长
translateAnim2.setFillAfter(true); // 设置维持结束画面
// 创建一个缩放动画
Animation scaleAnim2 = new ScaleAnimation(1.0f, 1.0f, 0.5f, 1.0f);
scaleAnim2.setDuration(3000); // 设置动画的播放时长
scaleAnim2.setFillAfter(true); // 设置维持结束画面
// 创建一个旋转动画
Animation rotateAnim2 = new RotateAnimation(0f, -360f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnim2.setDuration(3000); // 设置动画的播放时长
rotateAnim2.setFillAfter(true); // 设置维持结束画面
// 创建一个集合动画
AnimationSet setAnim2 = new AnimationSet(true);
setAnim2.addAnimation(alphaAnim2); // 给集合动画添加灰度动画
setAnim2.addAnimation(translateAnim2); // 给集合动画添加平移动画
setAnim2.addAnimation(scaleAnim2); // 给集合动画添加缩放动画
setAnim2.addAnimation(rotateAnim2); // 给集合动画添加旋转动画
setAnim2.setFillAfter(true); // 设置维持结束画面
iv_anim_set.startAnimation(setAnim2); // 开始播放动画
}
}
// 在补间动画重复播放时触发
@Override
public void onAnimationRepeat(Animation animation) {}
}
XML文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/iv_anim_set"
android:layout_width="match_parent"
android:layout_height="300dp"
android:src="@drawable/oval" />
</LinearLayout>
二、属性动画
属性动画突破了补间动画的局限,允许视图的所有属性都能实现渐变的动画效果,例如背景颜色,文字颜色,文字大小等等。只要设定某属性的起始值与终止值,渐变的持续时间,属性动画就可以实现渐变效果。 下面是ObjectAnimator的常用方法
ofInt 定义整形属性的属性动画
ofFloat 定义浮点型属性的属性动画
ofArgb 定义颜色属性的属性动画
ofObject 定义对象属性的属性动画
以上四个of方法的第一个参数为宿主视图对象,第二个参数为需要变化的属性名称,从第三个参数开始以及后面的参数为属性变化的各个状态值。
下面是用属性动画分别实现透明度,平移,缩放,旋转等变换操作的效果
可以在下拉框选项中选择自己想要的动画类型
裁剪动画
代码如下
Java类
package com.example.animation;
import android.animation.RectEvaluator;
import android.animation.ObjectAnimator;
import android.graphics.Rect;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.Spinner;
import android.widget.AdapterView.OnItemSelectedListener;
public class ObjectAnimActivity extends AppCompatActivity {
private ImageView iv_object_anim; // 声明一个图像视图对象
private ObjectAnimator alphaAnim, translateAnim, scaleAnim, rotateAnim; // 声明四个属性动画对象
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_object_anim);
iv_object_anim = findViewById(R.id.iv_object_anim);
initObjectAnim(); // 初始化属性动画
initObjectSpinner(); // 初始化动画类型下拉框
}
// 初始化属性动画
private void initObjectAnim() {
// 构造一个在透明度上变化的属性动画
alphaAnim = ObjectAnimator.ofFloat(iv_object_anim, "alpha", 1f, 0.1f, 1f);
// 构造一个在横轴上平移的属性动画
translateAnim = ObjectAnimator.ofFloat(iv_object_anim, "translationX", 0f, -200f, 0f, 200f, 0f);
// 构造一个在纵轴上缩放的属性动画
scaleAnim = ObjectAnimator.ofFloat(iv_object_anim, "scaleY", 1f, 0.5f, 1f);
// 构造一个围绕中心点旋转的属性动画
rotateAnim = ObjectAnimator.ofFloat(iv_object_anim, "rotation", 0f, 360f, 0f);
}
// 初始化动画类型下拉框
private void initObjectSpinner() {
ArrayAdapter<String> objectAdapter = new ArrayAdapter<>(this,
R.layout.item_select, objectArray);
Spinner sp_object = findViewById(R.id.sp_object);
sp_object.setPrompt("请选择属性动画类型");
sp_object.setAdapter(objectAdapter);
sp_object.setOnItemSelectedListener(new ObjectSelectedListener());
sp_object.setSelection(0);
}
private String[] objectArray = {"灰度动画", "平移动画", "缩放动画", "旋转动画", "裁剪动画"};
class ObjectSelectedListener implements OnItemSelectedListener {
public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
playObjectAnim(arg2); // 播放指定类型的属性动画
}
public void onNothingSelected(AdapterView<?> arg0) {}
}
// 播放指定类型的属性动画
private void playObjectAnim(int type) {
ObjectAnimator anim = null;
if (type == 0) { // 灰度动画
anim = alphaAnim;
} else if (type == 1) { // 平移动画
anim = translateAnim;
} else if (type == 2) { // 缩放动画
anim = scaleAnim;
} else if (type == 3) { // 旋转动画
anim = rotateAnim;
} else if (type == 4) { // 裁剪动画
int width = iv_object_anim.getWidth();
int height = iv_object_anim.getHeight();
// 构造一个从四周向中间裁剪的属性动画
ObjectAnimator clipAnim = ObjectAnimator.ofObject(iv_object_anim, "clipBounds",
new RectEvaluator(), new Rect(0, 0, width, height),
new Rect(width / 3, height / 3, width / 3 * 2, height / 3 * 2),
new Rect(0, 0, width, height));
anim = clipAnim;
}
if (anim != null) {
anim.setDuration(3000); // 设置动画的播放时长
anim.start(); // 开始播放属性动画
}
}
}
XML文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="right"
android:text="属性动画类型:"
android:textColor="@color/black"
android:textSize="17sp" />
<Spinner
android:id="@+id/sp_object"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:spinnerMode="dialog" />
</LinearLayout>
<ImageView
android:id="@+id/iv_object_anim"
android:layout_width="match_parent"
android:layout_height="300dp"
android:src="@drawable/oval" />
</LinearLayout>
创作不易 觉得有帮助请点赞关注收藏~~~