ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Android 透明动画实现 详细概述

2021-05-18 13:34:28  阅读:219  来源: 互联网

标签:xml 动画 anim mImageView 概述 Android ValueAnimator animator


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

如果你有兴趣 你可以关注一下公众号 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

<animator xmlns:android="http://schemas.android.com/apk/res/android"
    android:valueFrom="0"
    android:valueTo="255"
    android:duration="2000"
    android:valueType="intType"/>

然后代码中

//属性动画方式 - 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 xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="alpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:duration="2000"
    android:valueType="floatType"
    >
</objectAnimator>
//属性动画方式 - 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();
	
}
	

完毕

标签:xml,动画,anim,mImageView,概述,Android,ValueAnimator,animator
来源: https://blog.csdn.net/zl18603543572/article/details/116974320

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有