文档章节

android Tab页详解

猴亮屏
 猴亮屏
发布于 2016/07/22 12:41
字数 1305
阅读 84
收藏 0

一、android Tab的实现方式总结

说起Tab页,基本每个做移动端的都会需要。iOS中内置了一个,所以ioser用起来很方便。而android这一块就比较乱。

木器实现Tab效果的方式,主要有4种,下面分别来说一下他们的优缺点:

1.radioGroup-Fragment

这种实现方式代码量巨大,对所有的切换都需要自己来控制,逻辑复杂,效率低下。当然好处也很多,就是非常的灵活,很适合动态的做一些改变。radioGroup可以保证tab标签中只能有一个被选中,选中后就可以用FragmentManager来切换fragment达到tab页的切换效果。在切换时,我们还可以控制fragment的切换动画,达到左右滑入/滑出,或者渐变出现/消失灯效果。

2.Tabhost/TabhostActivity

这种实现方式可以说是android上最古老最正宗的,至今还可以在很多地方见到它的身影。但是它有个重大的缺陷——不支持Fragment,所以在3.0以后被google打入冷宫。

Tabhost相对RadioGroup来说,优点就是不需要写控制逻辑,只需要把子View一个个add进来,它自己就能实现控制。但是它的局限性非常之大,它只支持View而不支持Fragment,所以只能做控件切换,而不能做页面切换。但是用它来做控件切换也只支持点击切换,在动效上完全不及viewFliper和ViewPages,所以还需要把它和viewFliper配合使用,十分麻烦,所以本文暂且不表。

3.FragmentTabHost

继承自TabHost,是google从3.0时代推荐使用的,放在v4包中,专门用来切换fragment的,也是本文的重点。

4.我也忘了叫什么名字了

这个东西我忘了叫什么名字,是google从5.X时代推出的一种新的设计理念中(叫个M....什么的)的用来切换页面的玩意。在android官网看了一下这东东的效果,确实不错,但是可惜的是,貌似5.X以下版本不兼容。。。所以也先略过不表。

二、FragmentTabHost的结构剖析

首先看一下布局文件

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >


    <FrameLayout  android:id="@+id/contentLayout"
	     android:layout_width="match_parent"
    	android:layout_height="0dp"
    	android:layout_weight="1">

    </FrameLayout>

 	<android.support.v4.app.FragmentTabHost
 	    android:id="@android:id/tabhost"
 	    android:layout_width="match_parent"
 	    android:layout_height="wrap_content"
 	    android:background="#F6F6F6"
 	    >
      
        <TabWidget
			android:layout_width="match_parent"
			android:layout_height="wrap_content">
			
		</TabWidget>

 	    <FrameLayout android:id="@android:id/tabcontent"
 	        android:layout_height="0dp" android:layout_width="0dp"
 	        />
 	</android.support.v4.app.FragmentTabHost>

</LinearLayout>

主要分为两大部分,一个是android.support.v4.app.FragmentTabHost控件及其内包含的一些子控件;除此之外就是一个我们自定义的Frame布局,随便起个id叫contentLayout。

TabWidget:android.support.v4.app.FragmentTabHost中有个子控件——TabWidget,这个控件就是我们用来盛放标签按钮的容器。

tabcontent:android.support.v4.app.FragmentTabHost中有另外一个子控件——tabcontent,这个控件P用没有,但是必须要摆在这里,至于为什么,忘了,好像是google的一个版本兼容问题导致的。

contentLayout:这才是真正的内容容器。

这两大部分的相对位置决定了tab按钮是在上面还是在下面。如果想再上面显示,就把android.support.v4.app.FragmentTabHost放在contentLayout的上面。

接下来是activity中的代码部分,核心的就这几句:

//获取布局文件中的FragmentTabHost对象
tabHost=(FragmentTabHost)super.findViewById(android.R.id.tabhost);
//初始化,参数依次是:context,FragmentManager,内容容器的id
tabHost.setup(this,super.getSupportFragmentManager(),R.id.contentLayout);
//不显示tab按钮之间的分割线
tabHost.getTabWidget().setDividerDrawable(null);
//设置监听
tabHost.setOnTabChangedListener(this);
//用名称创建一个tab子页,并设置按钮的图标
TabSpec tabSpec=tabHost.newTabSpec(tabs.name).setIndicator(drawable);
//把子页添加进FragmentTabHost控制器,参数依次是 子页,fragment.class,传给这个页面的参数(Bundle类型,可为空)
tabHost.addTab(tabSpec,fragment1.class,null);

最后贴上Demo下载地址,请用AndroidStudio打开

参考:地址

william/JTPlistOnAndroid

star 1 | fork 0

JTPlistOnAndroid是一个可以在android上快速解析.plist文件的助手,可将plist解析成一个HashMap,HashMap的架构与原plist文件中的架构相对应。采用了p...

issues: 没有issue

最近提交:

下载zip master分支 代码最近更新:2016-07-13

© 著作权归作者所有

共有 人打赏支持
猴亮屏

猴亮屏

粉丝 36
博文 530
码字总数 57346
作品 4
北京
Android工程师
私信 提问
史上最全的Android的Tab与TabHost讲解

Tab与TabHost 这就是Tab,而盛放Tab的容器就是TabHost 如何实现?? 每一个Tab还对应了一个布局,这个就有点好玩了。一个Activity,对应了多个功能布局。 ①新建一个Tab项目,注意,不要生成...

无鸯
2011/09/27
29.3K
8
Flutter 开发实战资源推荐

这是一篇实战类资源推荐,其实Flutter的入门资料官方已经做得很好了,如果你是零基础,还是建议先啃一遍官方的教程,然后再看以下实战资源,相信在你看官方课程中涉及到的一些疑问,下面的资...

大灰狼的小绵羊哥哥
2018/10/08
0
0
Android选项卡实现之TabHost/TabSpec/TabWidget

Tab是什么就不用再用我来描述了。android的ui开发中,承载Tab的容器就是TabHost,每一个Tab对应一个Activity,每个Activity均会有自己的布局。 1.继承TabActivity 2.布局文件中使用tabHost,t...

古沐风
2013/11/27
0
2
Android RadioButton实现Tab问题

我是一名Java程序猿,最近想学习Android应用开发,于是下载了OSC的Android版本客户端源码。然后参照客户端的功能,自己动手实践。先参照实现了用RadioButton实现的底部Tab栏,以及头部自定义...

熊猫大侠到此一游
2013/05/22
2.7K
1
tabhost组件点击切换操作

在使用TabHost组件时遇到了困难,我没有让它继承TabActivity,而是定义自己的tabhost,具体代码如下: mian.xml文件: tab1.xml文件: tab2.xml文件与tab1.xml文件相似,包含一个按钮和一个t...

追风箭
2014/05/07
612
0

没有更多内容

加载失败,请刷新页面

加载更多

day27:expect批量杀进程|

1、linux下当前目录有一个文件ip-pwd.ini,内容如下: [root@localhost_002 shell100]# cat ip-pwd.ini 10.111.11.1,root,xyxyxy10.111.11.2,root,xzxzxz10.111.11.3,root,12345610.......

芬野de博客
52分钟前
2
0
分布式之数据库和缓存双写一致性方案解析(二)

引言 该文是对《分布式之数据库和缓存双写一致性方案解析》,一文的补充。博主在该文中,提到了这么一句话 应该没人问我,为什么没有先更新缓存,再更新数据库这种策略。 博主当时觉得,这种...

hensemlee
57分钟前
3
0
druid安装与案例

druid 可以运行在单机环境下,也可以运行在集群环境下。简单起见,我们先从单机环境着手学习。 环境要求 java7 或者更高版本 linux, macOS或者其他unix系统(不支持windows系统) 8G内存 2核C...

hblt-j
今天
0
0
bejson上线 gif转帧工具。

说道这个工具,不得不提一句经典格言“色Q是推动科技发展的动力” 有人发了这个图,我和所有人一样想看到那个瞬间。 当然,我没有PS,有没有太好的转帧工具,但是这并不妨碍我是一个技术死肥...

废柴大叔
今天
0
0
详解利用clear清除浮动的一些问题解决

下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hidden;} Quest......

前端小攻略
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部