Android App开发中集合动画和属性动画的讲解及实战演示(附源码 简单易懂 可直接使用)
创始人
2024-02-04 19:36:25

需要图片集和源码请点赞关注收藏后评论区留言~~~

一、集合动画

有时一个动画效果会加入多种动画,比如一个旋转一边缩放,这时便会用到集合动画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; // 声明一个集合动画对象@Overrideprotected 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); // 设置动画事件监听器}// 在补间动画开始播放时触发@Overridepublic void onAnimationStart(Animation animation) {}// 在补间动画结束播放时触发@Overridepublic 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); // 开始播放动画}}// 在补间动画重复播放时触发@Overridepublic void onAnimationRepeat(Animation animation) {}}

XML文件

二、属性动画

属性动画突破了补间动画的局限,允许视图的所有属性都能实现渐变的动画效果,例如背景颜色,文字颜色,文字大小等等。只要设定某属性的起始值与终止值,渐变的持续时间,属性动画就可以实现渐变效果。 下面是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; // 声明四个属性动画对象@Overrideprotected 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 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文件

创作不易 觉得有帮助请点赞关注收藏~~~

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...