文档章节

android Tab页详解

猴亮屏
 猴亮屏
发布于 2016/07/22 12:41
字数 1305
阅读 79
收藏 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

© 著作权归作者所有

共有 人打赏支持
猴亮屏

猴亮屏

粉丝 35
博文 518
码字总数 56802
作品 4
北京
Android工程师
Android选项卡实现之TabHost/TabSpec/TabWidget

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

古沐风
2013/11/27
0
2
Flutter 开发实战资源推荐

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

大灰狼的小绵羊哥哥
10/08
0
0
Android 布局详解 -一线性布局以及重要属性

Android 布局详解 Android 布局是开发中非常重要的一个知识部分,它的布局分为以下几种: Linear Layout:线性布局 Relative Layout:相对布局 Table Layout:表格布局 Grid View:网格布局 ...

-天蓬元帅-
2013/12/15
0
0
Selector中的各种状态详解

更多文章请访问: http://user.qzone.qq.com/469241633/main#!app=2&via=QZ.HashRefresh&pos=1341222376 今天弄这个selector把脑壳弄得清痛,最终我的理解如下: 官方关于这个的介绍在:http:/...

程序袁_绪龙
2014/09/05
0
0
android中的Action与Category

Action Action常量 对应字符串 简单说明 ACTIONMAIN android.intent.action.MAIN 应用程序入口 ACTIONVIEW android.intent.action.VIEW 显示指定数据 ACTIONATTACHDATA android.intent.acti......

rainy86
2015/03/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

10-《深度拆解JVM》JVM是怎么实现invokedynamic的?(下)

一、问题引入 上回讲到,为了让所有的动物都能参加赛马,Java 7 引入了 invokedynamic 机制,允许调用任意类的“赛跑”方法。不过,我们并没有讲解 invokedynamic,而是深入地探讨了它所依赖...

飞鱼说编程
6分钟前
0
0
457. Circular Array Loop

Description Difficulty : Medium You are given an array of positive and negative integers. If a number n at an index is positive, then move forward n steps. Conversely, if it's n......

52iSilence7
21分钟前
0
0
MySQL SQL 常见用法

某字段重复记录 select a.fieldA from tableA a group by a.fieldA having count(a.fieldA)>1;==select * from (select a.fieldA, count(1) as faCount from tableA a group......

园领T
今天
1
0
如何使用 iptables 和 firewalld 工具来管理 Linux 防火墙规则

以下是如何使用 iptables 和 firewalld 工具来管理 Linux 防火墙规则。 防火墙 防火墙是一组规则。当数据包进出受保护的网络区域时,进出内容(特别是关于其来源、目标和使用的协议等信息)会...

linuxprobe16
今天
1
0
发生系统错误 5 拒绝访问

1、使用命令net start *开启一个服务的时候,出现发生系统错误5,拒绝访问。 解决:切换到管理员模式执行此命令即可。

fang_faye
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部