Android之属性动画

前言

Android应用市场如今越来越受欢迎了，有一部分原因是它能够模拟物理世界，让人有身临其境的感受，提高用户的体验。
这里就介绍一下简单的落日景象的模拟应用。

代码详解

（一）使用抽象的activity托管fragment

1、通用的fragment托管布局（activity_fragment.xml）：

	<?xml version="1.0" encoding="utf-8"?>
	<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
	   android:id="@+id/fragment_container"
	   android:layout_width="match_parent"
	   android:layout_height="match_parent"
	   />

2、抽象的activity类（SingleFragmentActivity.java）：

public abstract class SingleFragmentActivity extends FragmentActivity {
     protected abstract Fragment createFragment();
    @Override
    public void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_fragment);

              FragmentManager fm = getSupportFragmentManager();
              Fragment fragment = fm.findFragmentById(R.id.fragment_container);

              if (fragment == null) {
                   fragment = createFragment();
                   fm.beginTransaction()
                             .add(R.id.fragment_container, fragment)
                             .commit();
              }
    }
}

从activity_fragment.xml布局里实例化activity视图，然后在容器中查找FragmentManager里的fragment。如果找不到，就新建fragment并将其添加到容器中。

（二）建立场景

1、新建一个模拟太阳的drawable资源（sun.xml）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="oval">
   <solid android:color="@color/bright_sun" />
</shape>

2、建立布局文件构建整个场景（fragment_sunset.xml）:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
    android:id="@+id/sky"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.61"
    android:background="@color/blue_sky">
    <ImageView
        android:id="@+id/sun"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:src="@drawable/sun"
        />
</FrameLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.39"
    android:background="@color/sea"
    />
</LinearLayout>

3、新建SunsetFragment类（SunsetFragment.java）:

public class SunsetFragment extends Fragment {
    public static SunsetFragment newInstance() {
    return new SunsetFragment();
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_sunset, container, false);

    return view;
    }
}

4、创建SunsetFragment类（SunsetActivity.java）：

public class SunsetActivity extends SingleFragmentActivity {

    @Override
    protected Fragment createFragment() {
        return SunsetFragment.newInstance();
    }

}

到这里，就能够看见一个太阳在水平线上的静态应用了。
Android之属性动画

（三）简单属性动画

1、获取视图引用
在SunsetFragment.java中添加以下代码：

private View mSceneView;
private View mSunView;
private View mSkyView;

在onCreateView函数中添加：

mSceneView = view;
mSunView = view.findViewById(R.id.sun);
mSkyView = view.findViewById(R.id.sky);

2、获取视图的顶部坐标位置
在SunsetFragment.java中添加以下代码：

private void startAnimation() {
    float sunYStart = mSunView.getTop();
    float sunYEnd = mSkyView.getHeight();
}

3、创建一个ObjectAnimator对象执行动画
在SunsetFragment.java的startAnimation函数中添加以下代码：

ObjectAnimator heightAnimator = ObjectAnimator
            .ofFloat(mSunView, "y", sunYStart, sunYEnd)
            .setDuration(3000);
heightAnimator.start();

4、为mSceneView视图设置监听器
在SunsetFragment.java的onCreateView函数中添加以下代码：

mSceneView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            startAnimation();
        }
});

到这边，就能实现落日的动态应用。
Android之属性动画

（四）优化动画效果

1、添加加速特效
在SunsetFragment.java的startAnimation函数中添加以下代码：

heightAnimator.setInterpolator(new AccelerateInterpolator());

2、色彩渐变
2.1、取出日落色彩资源

private int mBlueSkyColor;
private int mSunsetSkyColor;
private int mNightSkyColor;

Resources resources = getResources();
mBlueSkyColor = resources.getColor(R.color.blue_sky);
mSunsetSkyColor = resources.getColor(R.color.sunset_sky);
mNightSkyColor = resources.getColor(R.color.night_sky);

2.2、实现天空的色彩变化

ObjectAnimator sunsetSkyAnimator = ObjectAnimator
            .ofInt(mSkyView, "backgroundColor", mBlueSkyColor, mSunsetSkyColor)
            .setDuration(3000);
sunsetSkyAnimator.start();

2.3、增加色彩的过渡

sunsetSkyAnimator.setEvaluator(new ArgbEvaluator());

到这里，就能实现背景从蓝色到橘黄色的色彩的自然过渡。
Android之属性动画

（五）播放多个动画

1、创建夜空动画
在SunsetFragment.java的startAnimation函数中添加以下代码，并删除原来的动画启动代码：

ObjectAnimator nightSkyAnimator = ObjectAnimator
            .ofInt(mSkyView, "backgroundColor", mSunsetSkyColor, mNightSkyColor)
            .setDuration(1500);
nightSkyAnimator.setEvaluator(new ArgbEvaluator());

2、创建动画集
在SunsetFragment.java的startAnimation函数中添加以下代码：

AnimatorSet animatorSet = new AnimatorSet();
animatorSet
        .play(heightAnimator)
        .with(sunsetSkyAnimator)
        .before(nightSkyAnimator);
animatorSet.start();

到这里，就完成了日落的整个过程，包括颜色的过渡等。
Android之属性动画
最后，附上我所参考的资料：
Android 属性动画：这是一篇很详细的属性动画总结&攻略
 Android属性动画完全解析
 Android 安卓动画属性动画 - 缩放动画
Android编程权威指南

如有发现不当或错误之处，欢迎指导评论！

作者：吴东骏
原文链接：https://blog.csdn.net/weixin_43897864/article/details/90605954