使用Android.Transition框架创建动画(1)

519 查看

在Android 4.4(KitKat)中,谷歌添加了很多不错的东西。现在我们来看看android.transition框架。

多年来,android不断改进现有的动画工具供开发者使用。在HoneyComb版本中,提供了很多不错的API用于创建丰富、复杂的动画。在此基础上,KitKat的android.transition让我们可以通过一种更直观的方式定义动画效果。

Scene和Transition

先从Scene和Transition概念说起。Scene定义了界面的当前状态信息,而Transition定义了界面之间的切换。

可以从布局文件中载入Scene定义,示例如下:

其中container在Scene中是一个包含了所有view的ViewGroup。如果是在fragment中,Scene就是传入onCreateView()方法的参数。使用Transition的最简单方式就是使用TransitionManager处理,示例如下:

如果在TransitionManager中不明确需要指定哪个Transition,就会默认使用AutoTransition,这个我们会后面介绍。也可以用inflater载入现有的view来创建Scene,示例如下:

Andorid.Transition实践

我们来看一个更详细的示例,首先从项目主页下载示例代码AndroidTransitionExample。这已经是一个已完成的项目了,所以也可以用git checkout检出代码(以下是详细解释)。

首先新建只包含一个Fragment的项目,这样可以更容易记录一些信息。我们为TransitionFragment新建一个xml布局文件,叫做fragment_transition_scene_1.xml。接着往里面添加一个TextView,然后在TextView下面再添加一个Button,如下:

fragment_transition_scene_1.xml

你一定猜得到,我们接下来还要新建另一个xml布局文件,fragment_transition_scene_2.xml。它和上一个布局文件基本一样,只是把Button移到布局底部。示例如下:

这是两个布局的屏幕截图:

transition_01

transition_02

为了看Transition的效果,我们从第二个布局文件中创建Scene。点击goButton的时候展示Transition的效果。我们先修改一下TransitionFragment.onCreateView()方法的代码,如下:

Andorid.Transition实践

我们来看一个更详细的示例,首先从项目主页下载示例代码AndroidTransitionExample。这已经是一个已完成的项目了,所以也可以用git checkout检出代码(以下是详细解释)。

首先新建只包含一个Fragment的项目,这样可以更容易记录一些信息。我们为TransitionFragment新建一个xml布局文件,叫做fragment_transition_scene_1.xml。接着往里面添加一个TextView,然后在TextView下面再添加一个Button,如下:

fragment_transition_scene_1.xml

你一定猜得到,我们接下来还要新建另一个xml布局文件,fragment_transition_scene_2.xml。它和上一个布局文件基本一样,只是把Button移到布局底部。示例如下:

这是两个布局的屏幕截图:

transition_01

transition_02

为了看Transition的效果,我们从第二个布局文件中创建Scene。点击goButton的时候展示Transition的效果。我们先修改一下TransitionFragment.onCreateView()方法的代码,如下: