在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天、每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不妨来瞅瞅码农的轨迹。
如果你有兴趣 你可以关注一下公众号 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();
}
完毕