Android 透明动画实现详细概述

朴灿烈づ我的快乐病毒、 2023-10-07 16:23 8阅读 0赞

> 在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。

如果你有兴趣 你可以关注一下公众号 biglead 来获取最新的学习资料。

首页是有一个 Activity

public class AlphaAnimationActivity extends AppCompatActivity {
        
    	
    	private ImageView mImageView;
    	
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
        
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_frame_animation);
    		//只是一张普通的图片
    		mImageView = findViewById(R.id.imageview);
    		
    		... 这是若干个按钮 用来启动动画
    	
    		
    	}

#### 1 补间动画方式 ####

##### 1.1 xml 方式 #####

目录文件夹 res/anim/alpha.xml

<?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <alpha
            android:duration="3000"
            android:fromAlpha="0.0"
            android:toAlpha="1.0">
    
        </alpha>
    </set>

然后在 Java 代码中使用如下：

//补间动画方式 - xml
    public void start1() {
        
    	//加载动画xml
    	Animation lAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);
    	//设置并开启动画
    	mImageView.startAnimation(lAnimation);
    	
    }

##### 1.2 java 代码方式 #####

//补间动画方式 - java
    private void start2() {
        
    	//创建透明动画
    	Animation lAnimation = new AlphaAnimation(0.0f, 1.0f);
    	//设置动画时间
    	lAnimation.setDuration(3000);
    	//设置动画
    	mImageView.startAnimation(lAnimation);
    }

#### 2 属性动画方式 ####

##### 1.1 ValueAnimator xml 方式 #####

目录文件夹 res/animator/alpha\_animator.xml

然后代码中

//属性动画方式 - ValueAnimator - xml
    public void start3() {
        
    	// 载入XML动画
    	ValueAnimator animator = (ValueAnimator) AnimatorInflater.loadAnimator(this, R.animator.alpha_animator);
    	animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        
    		@Override
    		public void onAnimationUpdate(ValueAnimator animation) {
        
    			int currentValue = (int) animation.getAnimatedValue();
    			Log.d("属性动画", "onAnimationUpdate: " + animation.getAnimatedValue());
    			// 将改变后的值赋给对象的属性值，下面会详细说明
    			mImageView.setImageAlpha(currentValue);
    			//刷新视图，即重新绘制，从而实现动画效果
    			mImageView.requestLayout();
    		}
    	});
    	// 启动动画
    	animator.start();
    }

##### 1.2 ValueAnimator java 代码方式 #####

//属性动画方式 - ValueAnimator - java
    public void start4() {
        
    	// 第一步：设置动画属性的初始值 & 结束值
    	// ofInt（）作用有两个
    	// 1. 创建动画实例
    	// 2. 将传入的多个Int参数进行平滑过渡:此处传入0和1,表示将值从0平滑过渡到 255
    	// 如果传入了3个Int参数 a,b,c ,则是先从a平滑过渡到b,再从b平滑过渡到 c，以此类推
    	ValueAnimator anim = ValueAnimator.ofInt(0, 255);
    	// 设置动画运行的时长
    	anim.setDuration(500);
    	// 设置动画延迟播放时间
    	anim.setStartDelay(500);
    	// 设置动画重复播放次数 = 重放次数+1
    	// 动画播放次数 = infinite时,动画无限重复
    	anim.setRepeatCount(0);
    	// 设置重复播放动画模式
    	// ValueAnimator.RESTART(默认):正序重放
    	// ValueAnimator.REVERSE:倒序回放
    	anim.setRepeatMode(ValueAnimator.RESTART);
    	
    
    	// 第二步：将改变的值手动赋值给对象的属性值：通过动画的更新监听器
    	// 设置 值的更新监听器
    	// 即：值每次改变、变化一次,该方法就会被调用一次
    	anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        
    		@Override
    		public void onAnimationUpdate(ValueAnimator animation) {
        
    			
    			int currentValue = (Integer) animation.getAnimatedValue();
    			// 获得改变后的值
    			System.out.println(currentValue);
    			// 输出改变后的值
    			
    			// 步骤4：将改变后的值赋给对象的属性值，下面会详细说明
    			mImageView.setImageAlpha(currentValue);
    			
    			// 步骤5：刷新视图，即重新绘制，从而实现动画效果
    			mImageView.requestLayout();
    			
    		}
    	});
    	//第三步 启动动画
    	anim.start();
    	// 启动动画
    	// ValueAnimator 类是先改变值，然后 手动赋值 给对象的属性从而实现动画；是 间接 对对象属性进行操作
    	// ValueAnimator 类本质上是一种 改变 值 的操作机制
    }

##### 1.3 ObjectAnimator xml 方式 #####

目录文件夹 animator/alpha\_object\_animator.xml

//属性动画方式 - ObjectAnimator - xml
    public void start5() {
        
    	// 载入XML动画
    	Animator animator = AnimatorInflater.loadAnimator(this, R.animator.alpha_object_animator);
    	
    	// 设置动画对象
    	animator.setTarget(mImageView);
    	
    	// 启动动画
    	animator.start();
    	
    	Log.d("动画","ObjectAnimator - xml");
    	
    }

##### 1.4 ObjectAnimator java 代码方式 #####

//属性动画方式 - ObjectAnimator - java
    public void start6() {
        
    	ObjectAnimator anim = ObjectAnimator.ofFloat(mImageView, "alpha", 1f, 0f, 1f);
    	// 表示的是:
    	// 动画作用对象是mButton
    	// 动画作用的对象的属性是透明度alpha
    	// 动画效果是:常规 - 全透明 - 常规
    	// ofFloat()作用有两个
    	anim.setDuration(500);
    	// 设置动画运行的时长
    	
    	anim.setStartDelay(500);
    	// 设置动画延迟播放时间
    	
    	anim.setRepeatCount(0);
    	// 设置动画重复播放次数 = 重放次数+1
    	// 动画播放次数 = infinite时,动画无限重复
    	
    	anim.setRepeatMode(ValueAnimator.RESTART);
    	// 设置重复播放动画模式
    	// ValueAnimator.RESTART(默认):正序重放
    	// ValueAnimator.REVERSE:倒序回放
    	anim.start();
    	
    }

--------------------

完毕