Android零基础入门第54节：视图切换组件ViewSwitc

2017-09-03 本文已影响295人今生心理金馀

前面三期学习了ProgressBar系列组件，那本期开始一起来学习ViewAnimator组件。

一、ViewAnimator组件概述

ViewAnimator是一个基类，它继承了 FrameLayout，因此它表现出FrameLayout的特征，可以将多个View组件叠在一起。 ViewAnimator额外增加的功能正如它的名字所暗示的一样，ViewAnimator可以在View切换时表现出动画效果。

ViewAnimator及其子类的继承关系图如下图所示。

ViewAnimator及其子类也是一组非常重要的UI组件，这种组件的主要功能是增加动画效果，从而使界面更加炫。使用ViewAnimator 时可以指定如下常见XML属性。

android:animateFirstView：设置ViewAnimator显示第一个View组件时是否使用动画。

android:inAnimation：设置ViewAnimator显示组件时所使用的动画。

android:outAnimation：设置ViewAnimator隐藏组件时所使用的动画。

在实际项目中往往会使用ViewAnimator的几个子类。

二、ViewSwitcher使用

ViewSwitcher代表了视图切换组件，它本身继承了 FrameLayout,因此可以将多个View 层叠在一起，每次只显示一个组件。当程序控制从一个View切换到另一个View时， ViewSwitcher支持指定动画效果。

为了给ViewSwitcher添加多个组件，一般通过调用ViewSwitcher的setFactory (ViewSwitcherViewFactory)方法为之设置 ViewFactory，并由该 ViewFactory 为之创建 View 即可。

接下来通过一个简单的示例程序来学习ViewSwitcher的使用，主要是实现Android 5.0的Launcher界面的分屏、左右滚动效果。

继续使用WidgetSample工程的advancedviewsample模块，在app/main/res/layout/目录下创建viewswitcher_layout.xml文件，在其中填充如下代码片段：

上面的界面布局文件中只是定义了一个ViewSwitcher组件和两个按钮，这两个按钮分别用于控制该ViewSwitcher显示上一屏、下一屏的程序列表。

Launcher界面由GridView完成，创建布局文件slide_gridview.xml，代码如下：

创建GridView中每个Item的布局文件slide_gridview_item.xml，代码如下：

为了方便操作，将GridView内使用的内容定义为实体类ViewSwitcherItemData，代码如下：

接下来创建GridView的适配器ViewSwitcherBaseAdapter，继承BaseAdapter类，代码如下：

使用扩展BaseAdapter的方式为GridView提供Adapter，关键就是根据用户单击的按钮来动态计算该BaseAdapter应该显示哪些程序列表。

使用Activity类的screenNo保存当前正在显示第几屏的程序列表，BaseAdapter会根据screenNo 动态计算该Adapter总共包含多少个列表项（如getCount()方法所示），会根据screenNo计算每个列表项的数据（如getltem(int position)方法所示）。

新建ViewSwitcherActivity.java文件，加载上面新建的布局文件，具体代码如下：

重点在于为ViewSwitcher设置ViewFactory对象，并且当用户单击“<”和“>”两个按钮时控制ViewSwitcher显示“上一屏”和“下一屏”的应用程序。

当用户单击按钮时，程序的事件处理方法将会控制ViewSwitcher调用showNext() 方法显示下一屏的程序列表。而且此时screenNo被加1，因而Adapter将会动态计算下一屏的程序列表，再将该Adapter传给ViewSwitcher接下来要显示的GridView。

运行程序，点击“<”和“>”两个按钮时可以看到下图所示界面切换效果。

为了实现ViewSwitcher切换View时的动画效果，程序的事件处理方法中调用了 ViewSwitcher的setInAnimation()、setOutAnimation()方法来设置动画效果。本程序由于 Android系统只提供的两个slide_in_left、slide_out_right动画资源，需要自行提供slide_in_right、slide_out_left动画资源，详细会在Android高级部分进行讲解。

其中R.anim.slide_in_right动画资源对应的代码如下：