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

简介: 原文链接:http://android.xsoftlab.net/training/transitions/transitions.html在转场框架中,动画是由一帧帧的图像连续绘制形成的,这一帧帧的图像描述了启动场景到结束场景的整个过程。

原文链接: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类的相关说明。

目录
相关文章
|
5月前
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
625 4
|
1天前
|
存储 Android开发
如何查看Flutter应用在Android设备上已被撤销的权限?
如何查看Flutter应用在Android设备上已被撤销的权限?
25 7
|
5月前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
91 1
|
2月前
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
227 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
2月前
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
74 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
4月前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
145 14
|
4月前
|
Java Linux 数据库
探索安卓开发:打造你的第一款应用
在数字时代的浪潮中,每个人都有机会成为创意的实现者。本文将带你走进安卓开发的奇妙世界,通过浅显易懂的语言和实际代码示例,引导你从零开始构建自己的第一款安卓应用。无论你是编程新手还是希望拓展技术的开发者,这篇文章都将为你打开一扇门,让你的创意和技术一起飞扬。
101 13
|
4月前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
5月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
5月前
|
JSON Java Android开发
探索安卓开发之旅:打造你的第一个天气应用
【10月更文挑战第30天】在这个数字时代,掌握移动应用开发技能无疑是进入IT行业的敲门砖。本文将引导你开启安卓开发的奇妙之旅,通过构建一个简易的天气应用来实践你的编程技能。无论你是初学者还是有一定经验的开发者,这篇文章都将成为你宝贵的学习资源。我们将一步步地深入到安卓开发的世界中,从搭建开发环境到实现核心功能,每个环节都充满了发现和创造的乐趣。让我们开始吧,一起在代码的海洋中航行!

热门文章

最新文章

下一篇
oss创建bucket