本文介绍，通过ViewAnimator动态切换，将自定义标题栏中的功能按钮，分类、分层次显示。
当然，博文阐述的是一种展现模式，请根据实际情况，灵活应用。
首先，看下实现效果：
效果简述：进入后点击“设置”，动画效果向下切入显示二级栏;点击“返回”，动画向上切回主栏。
功能实现，主要以下几步：
布局中的ViewAnimator;
管理层级间的切换关系;
设置切换动画。
布局中的ViewAnimator
02 |
android:id="@+id/title_bar_switcher" |
03 |
android:layout_width="match_parent" |
04 |
android:layout_height="wrap_content" > |
06 |
android:id="@+id/title_bar_main" |
07 |
android:layout_width="match_parent" |
08 |
android:layout_height="wrap_content" |
09 |
android:gravity="center_vertical" |
10 |
android:background="#a0a00aa0"> |
12 |
android:id="@+id/title_bar_switch_sec_tk" |
13 |
android:layout_width="wrap_content" |
14 |
android:layout_height="wrap_content" |
15 |
android:layout_weight="1" |
16 |
android:text="@string/str_title_bar_btn_to_sec_tk" /> |
18 |
android:id="@+id/title_bar_switch_sec_class" |
19 |
android:layout_width="wrap_content" |
20 |
android:layout_height="wrap_content" |
21 |
android:layout_weight="1" |
22 |
android:text="@string/str_title_bar_btn_to_sec_class" /> |
24 |
android:id="@+id/title_bar_switch_sec_set" |
25 |
android:layout_width="wrap_content" |
26 |
android:layout_height="wrap_content" |
27 |
android:layout_weight="1" |
28 |
android:text="@string/str_title_bar_btn_to_sec_set" /> |
32 |
android:id="@+id/title_bar_sec_set" |
33 |
layout="@layout/title_bar_ani_set" /> |
36 |
android:id="@+id/title_bar_sec_class" |
37 |
layout="@layout/title_bar_ani_class" /> |
40 |
android:id="@+id/title_bar_sec_tk" |
41 |
layout="@layout/title_bar_ani_tk" /> |
为了方便观看其关系，将二级栏单独提取出去，通过include包含进来的。
通过布局可以看出，在ViewAnimator中，可以直接将各子项放置其中：
title_bar_main对应的就是主栏，截图也可以看到，它包含“设置”、“分类”“三国”三个按钮，点击分别对应显示下面include的三组布局。以截图最后一张显示为例：点击“设置”后，动画切入显示title_bar_sec_set对应包含的布局。
管理层级间的切换关系
首先，定义了enum类型，以及该类型的成员变量：
1 |
enum TopBarMode {Main, Set, Class, Tk}; |
2 |
private TopBarMode mTopBarMode = TopBarMode.Main; |
这样，我们就可以记录到当前栏所处的状态了。
切换操作是通过ViewAnimator提供的方法setDisplayedChild(…)实现的。比如，点击“设置”按钮进行切换是，就可以调用如下方法：
01 |
private void toSecSet() { |
02 |
if(TopBarMode.Set != mTopBarMode) { |
04 |
mTopBarMode = TopBarMode.Set; |
05 |
mBarSwitcher.setDisplayedChild(mTopBarMode.ordinal()); |
07 |
mSafeAnimator.startVisibleAnimator(this, mSecSet, R.anim.slide_top_in); |
08 |
mSafeAnimator.startInvisibleAnimator(this, mMain, R.anim.slide_bottom_out); |
设置切换动画
为了增加切换的效果，通常，我们都是加入过渡动画的。
我习惯上是通过xml文件设置动画，所以，这里添加了一个SafeAnimator.java文件，也就是前面toSecSet()方法中，mSafeAnimator变量的类型。简单加入了两个方法：
startInvisibleAnimator，动画显示后，设置视图不可见。
startVisibleAnimator，动画显示后，设置视图可见。
主要通过Animation开始视图的动画，并设置监听，在动画开始和结束阶段，设置视图的可见性; 详见源码，不赘述!
下载文档
