文档章节

程序猿媛五:ViewAnimator多级动态标题栏

花佟林雨月
 花佟林雨月
发布于 2013/11/24 00:22
字数 879
阅读 5282
收藏 9

ViewAnimator多级动态标题栏

声明:博文为原创,文章内容为,效果展示,思路阐述,及代码片段。

    转载请保留原文出处“http://my.oschina.net/gluoyer/blog”,谢谢!

    您可以到博客的“友情链接”中,“程序猿媛(最新下载)*.*”下载最新版本,持续更新!当前版本,也可直接点击“当前1.4版本”下载。

 

    本文介绍,通过ViewAnimator动态切换,将自定义标题栏中的功能按钮,分类、分层次显示。

    当然,博文阐述的是一种展现模式,请根据实际情况,灵活应用。

   首先,看下实现效果:

d01 d02 d03 d04

    效果简述:进入后点击“设置”,动画效果向下切入显示二级栏;点击“返回”,动画向上切回主栏。

    功能实现,主要以下几步:

  •     布局中的ViewAnimator;
  •     管理层级间的切换关系;
  •     设置切换动画。

布局中的ViewAnimator

 

<ViewAnimator
    android:id="@+id/title_bar_switcher"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
<LinearLayout
	android:id="@+id/title_bar_main"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:gravity="center_vertical"
	android:background="#a0a00aa0">
    <Button
        android:id="@+id/title_bar_switch_sec_tk"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/str_title_bar_btn_to_sec_tk" />
    <Button
        android:id="@+id/title_bar_switch_sec_class"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/str_title_bar_btn_to_sec_class" />
    <Button
        android:id="@+id/title_bar_switch_sec_set"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/str_title_bar_btn_to_sec_set" />
</LinearLayout>

<include
    android:id="@+id/title_bar_sec_set"
    layout="@layout/title_bar_ani_set" />

<include
    android:id="@+id/title_bar_sec_class"
    layout="@layout/title_bar_ani_class" />

<include
    android:id="@+id/title_bar_sec_tk"
    layout="@layout/title_bar_ani_tk" />

</ViewAnimator>

    为了方便观看其关系,将二级栏单独提取出去,通过include包含进来的。

    通过布局可以看出,在ViewAnimator中,可以直接将各子项放置其中:

    title_bar_main对应的就是主栏,截图也可以看到,它包含“设置”、“分类”“三国”三个按钮,点击分别对应显示下面include的三组布局。以截图最后一张显示为例:点击“设置”后,动画切入显示title_bar_sec_set对应包含的布局。

管理层级间的切换关系

    首先,定义了enum类型,以及该类型的成员变量:

enum TopBarMode {Main, Set, Class, Tk};
private TopBarMode mTopBarMode = TopBarMode.Main;

    这样,我们就可以记录到当前栏所处的状态了。

    切换操作是通过ViewAnimator提供的方法setDisplayedChild(…)实现的。比如,点击“设置”按钮进行切换是,就可以调用如下方法:

private void toSecSet() {
	if(TopBarMode.Set != mTopBarMode) {
		// 更新状态,切换显示栏
		mTopBarMode = TopBarMode.Set;
		mBarSwitcher.setDisplayedChild(mTopBarMode.ordinal());
		// 动画设置,下一节介绍
		mSafeAnimator.startVisibleAnimator(this, mSecSet, R.anim.slide_top_in);
		mSafeAnimator.startInvisibleAnimator(this, mMain, R.anim.slide_bottom_out);
	}
}

设置切换动画

    为了增加切换的效果,通常,我们都是加入过渡动画的。

    我习惯上是通过xml文件设置动画,所以,这里添加了一个SafeAnimator.java文件,也就是前面toSecSet()方法中,mSafeAnimator变量的类型。简单加入了两个方法:

  •     startInvisibleAnimator,动画显示后,设置视图不可见。
  •     startVisibleAnimator,动画显示后,设置视图可见。

主要通过Animation开始视图的动画,并设置监听,在动画开始和结束阶段,设置视图的可见性; 详见源码,不赘述!

 

    OK,That's all! 源码可以通过应用,点击截图中底部显示的“关于作者及源码下载按钮获取,谢谢!

 

转载请保留地址出处“http://my.oschina.net/gluoyer/blog/178560”,谢谢!

您可以到博客的“友情链接”中,“程序猿媛(最新下载)*.*”下载最新版本,持续更新!当前版本,也可直接点击“当前1.4版本”下载

© 著作权归作者所有

共有 人打赏支持
花佟林雨月
粉丝 77
博文 11
码字总数 10652
作品 0
成都
私信 提问
android TextSwitcher

public class TextSwitcher extends ViewSwitcher java.lang.Object android.view.View android.view.ViewGroup android.widget.FrameLayout android.widget.ViewAnimator android.widget.Vi......

amigos_wu
2012/07/09
0
0
View Animator — 优雅的 iOS UI 布局及动画切换库

ViewAnimator 是一个以简单的方式构建复杂的 iOS UI 布局及动画切换库,可以仅用一行代码就让你的视图动起来。

局长
2017/11/04
5
0
Android利用ViewFlipper实现屏幕切换动画效果

1、屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。 2、介绍ViewFilpper类 ViewFlipper exte...

长平狐
2012/08/28
695
0
android ViewFlipper

结构 继承关系 public class ViewFlipperextends ViewAnimator java.lang.Object android.view.View android.view.ViewGroup android.widget.FrameLayout android.widget.ViewAnimator andr......

amigos_wu
2012/07/04
0
0
android viewFlipper 使用

android.widger.viewAnimator类继承至FrameLayout 作用:为FrameLayout里面的View切换提供动画效果。 1.setInAnimation 设置View进入屏幕时候使用动画 2.setOutAnimation 设置View退出屏幕时...

谷飞
2013/03/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

python中类方法和静态方法区别

面相对象程序设计中,类方法和静态方法是经常用到的两个术语。 逻辑上讲:类方法是只能由类名调用;静态方法可以由类名或对象名进行调用。 在C++中,静态方法与类方法逻辑上是等价的,只有一...

xiangyunyan
今天
9
0
Hibernate SQLite方言

以下代码有参考过github上国外某位大佬的,在发文的最新稳定版Hibernate上是可用的,有时间再仔细分析一下 import org.hibernate.dialect.Dialect;import org.hibernate.dialect.function.S...

CHONGCHEN
今天
4
0
CentOS 7 MariaDB搭建主从服务器

本文编写环境为CentOS7。确保关闭SELinux,关闭防火墙或者防打开指定端口。具体信息如下 #master[root@promote ~]# cat /etc/redhat-release CentOS Linux release 7.6.1810 (Core) [r...

白豆腐徐长卿
今天
11
0
介绍python中运算符优先级

下面这个表给出Python的运算符优先级,从最低的优先级(最松散地结合)到最高的优先级(最紧密地结合)。这意味着在一个表达式中,Python会首先计算表中较下面的运算符,然后在计算列在表上部...

问题终结者
今天
4
0
Spring Boot 2.x基础教程:快速入门

简介 在您第1次接触和学习Spring框架的时候,是否因为其繁杂的配置而退却了?在你第n次使用Spring框架的时候,是否觉得一堆反复黏贴的配置有一些厌烦?那么您就不妨来试试使用Spring Boot来让...

程序猿DD
昨天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部