Android动画全篇系列（十）——场景过渡动画

最新推荐文章于 2022-05-10 15:23:15 发布

catzifeng

最新推荐文章于 2022-05-10 15:23:15 发布

阅读量2.4k

点赞数

分类专栏： # Android动画全篇系列文章标签： android animation

本文链接：https://blog.csdn.net/catzifeng/article/details/104315128

版权

Android动画全篇系列专栏收录该内容

13 篇文章

订阅专栏

文章目录

一、场景过渡动画（Scene Transition）动画简介

借助 Android 的过渡框架，您只需提供起始布局和结束布局，即可为界面中的各种运动添加动画效果。您可以选择所需的动画类型（例如，淡入/淡出视图或更改视图尺寸），而过渡框架会确定如何为从起始布局到结束布局的运动添加动画效果。——亲爸爸谷歌

简单粗俗的讲：您只管提供布局文件，我们帮您自动动画效果。

我们先看看效果（因为代码并不重要，所以本章不会具体讲解如何实现，Demo戳这里）：

Android 的过渡框架是个很牛逼的框架，你只需要简单的几行代码就可以实现炫酷的特效，其牛逼之处在于封装的非常非常非常好！

但是也有一些坑……

希望我能够描述的清楚。这个内容我希望后期会单独开一篇源码系列，揭开它的神秘面纱……

二、角色

Scene

这是“场景”的意思，“场景”一词运用在很多的地方当中，在Unit3D中也是扮演一个很重要的角色。

在Android中，通过源码我们可以知道Scene的职责：
Scene持有一个ViewGroup和一个LayoutId，这个ViewGroup可以看作是场景的画板，而这个LayoutId就是我们要显示到画板上的布局。

Transition

Transition包含在有关场景变换的时候，其动画信息。

即场景变化的过程动画需要靠Transition来实现。Transition是个抽象类，系统也为我们提供了很多常用的变换动画：
继承图

TransitionManager

当场景发生变化的时候，TransitionManager用来管理Transition集合，并且触发动画。

三、Scene

1、准备一下……

我们先创建两个布局文件。
scene_1.xml：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
	... ...
    android:id="@+id/scene1">
    ... ...

</androidx.constraintlayout.widget.ConstraintLayout>

scene_2.xml：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
	... ...
    android:id="@+id/scene2">
    ... ...

</androidx.constraintlayout.widget.ConstraintLayout>

2、细节详解

前面有介绍过了，Scene有两个关键的东西：ViewGroup和LayoutId。

LayoutId很好解决，就是布局文件，也就是你想显示在场景中的内容，随你怎么创建。

而ViewGroup有点文章了。在上面，我们将这个ViewGroup理解成一个画布，用来承载LayoutId里面的内容。这里我们分两种情况：

在Activity中
我们可以有两个选择，来作为ViewGroup：

1、一个就是Activity自身的contentView

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.scene_1)

        rootView = findViewById(R.id.scene1)
	}

2、另一个就是DecorView中的content

		...
		rootView = findViewById(android.R.id.content)

这两种方式都可以实现效果，那么他们有什么区别呢？第二种方式的性能会更好，原因是少了一层嵌套。

当发生过渡动画后，其布局的区别：

在Fragment中
受限于Fragment的实现过程，我们只能选择其创建的View：

		//此处使用的是 Kotlin，view = getView()
		rootView = view as ViewGroup

3、创建Scene

总的来说，创建Scene有两种方式：

1、直接new一个，Scene对外提供了两种构造方法：

	//创建一个没有变化的场景，一般不会使用这个
    public Scene(@NonNull ViewGroup sceneRoot) {
        mSceneRoot = sceneRoot;
    }
	
	//这个是常用的
    public Scene(@NonNull ViewGroup sceneRoot, @NonNull View layout) {
        mSceneRoot = sceneRoot;
        mLayout = layout;
    }

2、使用Scene的静态方法：

    public static Scene getSceneForLayout(@NonNull ViewGroup sceneRoot,
     @LayoutRes int layoutId,@NonNull Context context) {
      ... ...
    }

4、其他

其实Scene提供了两个静态方法，一个就是上面描述的 getSceneForLayout() 用于创建Scene，另一个就是 getCurrentScene() 用于获取当前的ViewGroup的Scene，其具体的实现是通过View.setTag()和View.getTag()来实现的。

四、Transition

前面有介绍Transition 是个抽象类，负责管理动画具体的实现。

它主要做了两件事情：1、捕获View的属性值；2、根据捕获的属性值来执行动画。

1、创建

我们可以有两种方式实现：

直接new

private val transition1 = ChangeBounds()
private val transition2 = Fade()

在资源文件中定义

首先需要在res目录中创建transition目录，然后在res/transition中创建资源文件。
例如，Fade() 对应的根标签为 <fade>，ChangeBounds() 对应的根标签为 <changeBounds>。
最后在代码中初始化：

val transition = 
TransitionInflater.from(context).inflateTransition(R.transition.ts_fade)

2、TransitionSet

当然，我们也可以借助TransitionSet来进行多个Transition的组合。

val transitionSet = TransitionSet()
transitionSet .addTransition(ChangeBounds())
transitionSet .addTransition(Fade(Fade.IN))

3、自定义Transition

如果你不满足系统自定义的Transition，那么你完全可以自定义。

由于本章主要以使用为讲解，另开单章，戳这里。

五、TransitionManager

通过TransitionManager我们才能够驱动Transition来进行Scene的过渡动画。

它有两种方式：
1、TransitionManager.beginDelayedTransition()
2、TransitionManager.go()

第一种方式用于无Scene的情况下，适用于在同一布局下，其子View的变化而产生的过渡动画。

第二种方式就是用于Scene了。

1、beginDelayedTransition

使用这种方式的话，就完全用不上Scene，使用的话也很简单：

在你的布局发生变化之前调用TransitionManager.beginDelayedTransition(ViewGroup,Transition?)即可。

例如：

	val rootView = findViewById(R.id.scene1)
	val fadeTransition = Fade(Fade.IN)
	val textView = TextView(context).apply{
		text = "你好"
	}
	TransitionManager.beginDelayedTransition(rootView, fadeTransition)
    rootView.addView(textView)