原文链接:http://android.xsoftlab.net/training/transitions/transitions.html

在转场框架中,动画是由一帧帧的图像连续绘制形成的,这一帧帧的图像描述了启动场景到结束场景的整个过程。转场框架将这些动画作为一个转场对象,这个对象包含了动画的相关信息。如果要运行动画,需要提供一个转场对象,及结束场景对象给转场管理者。

这节课将会学习如何在场景转换中使用平移、缩放及淡入淡出动画。下节课将会学习如何定义自定义动画。

创建转场

在前面的课程中,我们学习了如何创建场景动画的相关知识。在定义了启动场景结束场景之后,还需要创建一个Transition对象。转场框架允许使用内置的转场对象或动态创建的转场对象。

由资源文件创建转场对象

这项技术的优点是,不用修改Java代码就可以实现转场定义的修改。这项技术还可以将复杂形式的转场定义代码分离成简单的形式,更多的信息请参见Specify Multiple Transitions。

如果要使用内置的转场资源,主要执行以下步骤:

  • 1.在工程中添加目录res/transition/。

  • 2.在上面的目录中创建一个新的XML资源文件。

  • 3.添加一个内置的转场节点到该文件中。

下面的示例代码使用了Fade转场动画:
res/transition/fade_transition.xml

<fade xmlns:android="http://schemas.android.com/apk/res/android" />

下面的代码段展示了如何加载转场资源:

Transition mFadeTransition =TransitionInflater.from(this).inflateTransition(R.transition.fade_transition);

动态创建转场对象

这项技术可以在代码中动态的创建转场对象,使得可以在代码中修改UI界面。创建简单的内置转场实例只需要少量的参数。

如果要创建内置的转场实例,需要调用类Transition子类其中的一个构造方法即可。下面的示例创建了一个Fade转场的实例:

Transition mFadeTransition = new Fade();

使用转场动画

通常需要使用转场动画来响应某些事件,比如用户的输入行为。考虑有这么一种情景,当用户输入了要搜索的关键词,按下了搜索按钮,接下来APP会变换场景,变换后的场景显示了搜索之后的结果,并且原来场景的输入框与搜索按钮会被隐藏。

为了使动画可以响应用户的某些输入,需要调用静态方法 TransitionManager.go(),并需要传入结束场景及转场动画:

TransitionManager.go(mEndingScene, mFadeTransition);

转场动画由转场实例所指定的结束场景开始,这里的启动场景是上一个转场动画的结束场景。如果没有上一个转场,那么启动场景会根据当前的UI状态自动决断。

如果没有指定转场实例,那么转场管理者会采用一种自动转场的动画。有关更多信息,请参见TransitionManager类。

选择指定的目标View

默认情况下,转场框架可以对所有的View执行转场。不过在某些情况下,可能需要将转场动画作用在View的子集上。比如,转场框架并不支持在ListView对象上使用动画,所以不要试图在ListView上使用动画。不过转场框架允许选择指定的View来使用动画。

每一个可以作用转场动画的View都被称为target.不过只可以选择其中一个与场景相关的部分.

如果要从target列表中要移除View,需要在启动转场之前调用removeTarget()方法。如果要往target列表中添加View,调用addTarget()方法即可。有关更多信息,请参见Transition类。

多重转场

为了能使动画引起更多的关注,应该使动画的类型与所发生的事件相匹配。比如说,在移除某些View的时候,使用淡出效果会在潜意识中告诉用户这个View不再可用。再比如,在屏幕上移动View,最好的方式就是使用动画可以描述整个移动过程,以便让用户注意到View移动到了新的位置上。

你大可不必纠结选哪一种动画才好,转场框架提供了一种整合动画的能力,它可以将内置动画或者自定义动画整合到一起一同执行。

如果要在XML中定义转场集合,需要在res/transitions/目录下创建一个资源文件,然后在文件中列出各个转场动画。下面的代码段定义了与AutoTransition类相同特性的定义:

<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"android:transitionOrdering="sequential"><fade android:fadingMode="fade_out" /><changeBounds /><fade android:fadingMode="fade_in" />
</transitionSet>

如要加载上述的转场集合,需要调用TransitionInflater.from()方法。由于TransitionSet继承了Transition,所以可以像普通的Transition对象一样使用Transition对象集合。

在非场景中使用转场动画

更改View层级并不是修改UI界面的唯一方式。除此之外,还可以在单一层级中通过添加,修改,移除的方式更改用户界面。比如说,可以通过单一的布局来实现搜索界面。这个布局刚开始只显示了一个搜索的输入框与一个搜索图标。如果要显示搜索结果,需要在用户点击搜索按钮的时候通过调用ViewGroup.removeView()方法移除搜索按钮,然后通过ViewGroup.addView()方法添加搜索结果。

你可能在与上述情况相似的情况下采用过类似的解决方式。比起采用两个单独的布局文件而言,采用动态修改单个布局文件的方式也可以完成相同的效果。

如果要实现上面的情景,那么则不需要创建场景。相反,你可以使用延迟转场动画实现这种情况。转场框架的这个特性由当前View层级的状态开始,记录了该View层级的变化状态,最终在系统重绘UI时将转场应用到这个过程。

如果要使用单一的View层级创建延迟转场,需要执行以下步骤:

1.如果要触发转场事件的发生,则需要调用TransitionManager.beginDelayedTransition()方法,该方法暴露了两个参数:1.执行更改View的父View,2.要使用的转场动画。转场框架会存储更改View的当前状态及属性值。

2.要更改的View一定是跟使用情况相关的。转场框架会记录更改View的改变过程及属性。

3.在系统重绘用户界面的过程中,转场框架会在这个过程中执行动画。

下面的示例展示了如何使用延迟转场动画添加TextView。第一段定义了布局文件:
res/layout/activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/mainLayout"android:layout_width="match_parent"android:layout_height="match_parent" ><EditText
        android:id="@+id/inputText"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"android:layout_width="match_parent"android:layout_height="wrap_content" />...
</RelativeLayout>

第二段定义了动画添加TextView的代码:

private TextView mLabelText;
private Fade mFade;
private ViewGroup mRootView;
...
// Load the layout
this.setContentView(R.layout.activity_main);
...
// Create a new TextView and set some View properties
mLabelText = new TextView();
mLabelText.setText("Label").setId("1");
// Get the root view and create a transition
mRootView = (ViewGroup) findViewById(R.id.mainLayout);
mFade = new Fade(IN);
// Start recording changes to the view hierarchy
TransitionManager.beginDelayedTransition(mRootView, mFade);
// Add the new TextView to the view hierarchy
mRootView.addView(mLabelText);
// When the system redraws the screen to show this update,
// the framework will animate the addition as a fade in

定义转场的生命周期回调

转场的生命周期与Activity的生命周期非常类似。它代表了由TransitionManager.go()方法开始到动画执行结束之间的完整的时间过程。在重要的生命过程中,转场框架会调用TransitionListener接口所定义的回调。

这些回调是极有用的,比如说,在场景转变的过程中复制View的属性值。你不能简单的将开始时View的值拷贝到结束时的View上,因为在转场完成之前结束中的View层级还没有完全被填充。相反的,你可以将值拷贝到一个变量中,然后在转场框架结束的时候将值拷贝到View层级中。为了可以在转场完成的时候获得通知,可以在Activity中实现TransitionListener.onTransitionEnd()方法。

有关更多信息,请参见TransitionListener类的相关说明。

Android官方开发文档Training系列课程中文版:动画视图之应用场景相关推荐

  1. Android官方开发文档Training系列课程中文版:目录

    原文地址 : http://android.xsoftlab.net/training/index.html 引言 在翻译了一篇安卓的官方文档之后,我觉得应该做一件事情,就是把安卓的整篇训练课程全部翻 ...

  2. Android官方开发文档Training系列课程中文版:创建自定义View之View的创建

    原文地址:http://android.xsoftlab.net/training/custom-views/index.html 引言 Android框架含有大量的View类,这些类用来显示各式各样 ...

  3. Android官方开发文档Training系列课程中文版:OpenGL绘图之图形绘制

    原文地址:http://android.xsoftlab.net/training/graphics/opengl/draw.html 如果你还不清楚如何定义图形及坐标系统,请移步:Android官方 ...

  4. Android官方开发文档Training系列课程中文版:使用Fragment构建动态UI之Fragment创建

    原文地址:http://android.xsoftlab.net/training/basics/fragments/index.html 导言 为了在Android中创建动态的多面板用户界面,你需要 ...

  5. Android官方开发文档Training系列课程中文版:动画视图之创建自定义转场动画

    原文地址:http://android.xsoftlab.net/training/transitions/custom-transitions.html 自定义转场可以创建自定义动画.比如,可以定义 ...

  6. Android官方开发文档Training系列课程中文版:动画视图之场景创建

    原文地址:http://android.xsoftlab.net/training/transitions/scenes.html 场景存储了View层级的状态,包含所有的View及View的属性.转 ...

  7. Android官方开发文档Training系列课程中文版:打印内容之图像打印

    原文地址:http://android.xsoftlab.net/training/printing/index.html 引言 Android用户会很频繁的浏览设备上的内容,但是有部分情况例外,当屏 ...

  8. Android官方开发文档Training系列课程中文版:分享文件之配置文件共享

    原文地址:http://android.xsoftlab.net/training/secure-file-sharing/index.html 导言 APP经常需要给其它的APP提供一个或多个文件. ...

  9. Android官方开发文档Training系列课程中文版:添加ActionBar之设置ActionBar

    导言- 添加ActionBar 原文地址:http://android.xsoftlab.net/training/basics/actionbar/index.html ActionBar是很多重要 ...

  10. Android官方开发文档Training系列课程中文版:打印内容之HTML文档打印

    原文地址:http://android.xsoftlab.net/training/printing/html-docs.html 在Android中打印内容要比打印照片要复杂一些,它要求将文本与图像 ...

最新文章

  1. C++ 笔记(11)— 循环(while/for/do while/嵌套循环、break/continue/goto 循环控制语句)
  2. 详测 Generics Collections TList (6): Reverse、TrimExcess
  3. 手把手教你写篇出彩的分析报告(万字长文):以叮咚买菜为例,看生鲜电商的春天是否已经到来?
  4. LSP(分层服务提供者)
  5. 在c语言中,可以使用动态内存分配技术定义元素个数可变的数组,C语言复制在线考题1精选.doc...
  6. opencv3.4.3的DNN模块调用bvlc_googlenet.caffemodel实现图像分类
  7. 使用函数统计指定数字的个数_四种函数方法实现按条件统计一个区间数字的个数...
  8. windows系统bat批处 注册一个exe执行文件变成服务
  9. OPPO小布助手算法系统的探索、实践与思考
  10. 移动端日历插件_“滴答清单”移动端产品分析报告
  11. [VN2020 公开赛]simpleHeap-记录一次gef调试过程
  12. 后缀名htm与html的区别
  13. 浅析 Google 的云计算平台
  14. 【转】Python实现量化选股
  15. ooXMLAgile Encryption(一)文档结构
  16. 2021了,最流行的密码依旧是123456
  17. 打开oracle dmp,dmp文件怎么打开?dmp是什么文件?
  18. 对同性恋的称呼与禁忌(不足的请补充啊)
  19. 猫和老鼠汤姆看java_以前看《猫和老鼠》觉得汤姆太笨太好笑,现在看才明白其中的道理...
  20. Linux 给文件内容添加 文件头

热门文章

  1. 判断一个单链表中是否存在环
  2. 新风口下:嵌入式AI学习中较好的练手项目(附代码资料/学习视频/学习规划)...
  3. 你知道char *s和char s[]的区别吗?
  4. 正则表达式符号特殊详解_常用正则表达式_Java中正则表达式的使用
  5. 【Pytorch神经网络理论篇】 07 激活函数+Sigmoid+tanh+ReLU+Swish+Mish+GELU
  6. 从qq服务器删除误收邮件,如何恢复从qq邮箱删除的电子邮件
  7. JS高级——Proxy、Reflect
  8. JavaScript高级之构造函数和原型
  9. LeetCode MySQL 1633. 各赛事的用户注册率
  10. LeetCode 第 198 场周赛(434/5778,前7.51%)