Android TabHost 实现Tab切换

要须心地收汗马，孔孟行世目杲杲。这篇文章主要讲述Android TabHost 实现Tab切换相关的知识，希望能为你提供帮助。
TabHost是整个Tab的容器，包含TabWidget和FrameLayout两个部分，TabWidget是每个Tab的表情(图标效果)，FrameLayout是Tab内容实现方式有两种：
1、继承TabActivity
2、继承Activity类

方法一：继承TabActivity
从TabActivity中用getTabHost()方法获取TabHost，然后设置标签内容
布局：
1、TabHost必须设置android:id为@android:id/tabhost
2、TabWidget必须设置android:id为@android:id/tabs
3、FrameLayout 必须设置android:id为@android:id/tabcontent
这几个都是系统自带id，最好是快捷键联想生成，不要手写，这样不容易出错

【Android TabHost 实现Tab切换】XML布局文件：

1 < TabHost xmlns:android="http://schemas.android.com/apk/res/android" 2android:layout_width="match_parent" 3android:layout_height="match_parent" 4android:id="@android:id/tabhost" 5> 6 7< LinearLayout 8android:layout_width="match_parent" 9android:layout_height="match_parent" 10android:orientation="vertical" 11> 12 13 14 15< FrameLayout 16android:layout_width="match_parent" 17android:layout_height="0dp" 18android:layout_weight="1" 19android:id="@android:id/tabcontent" 20> 21< LinearLayout 22android:layout_width="match_parent" 23android:layout_height="match_parent" 24android:id="@+id/widget_layout_red" 25android:background="#ff0000" 26android:orientation="vertical" 27> < /LinearLayout> 28 29< LinearLayout 30android:layout_width="match_parent" 31android:layout_height="match_parent" 32android:id="@+id/widget_layout_yellow" 33android:background="#FCD209" 34android:orientation="vertical" 35> < /LinearLayout> 36 37< /FrameLayout> 38< TabWidget 39android:layout_width="match_parent" 40android:layout_height="wrap_content" 41android:id="@android:id/tabs" 42android:background="@mipmap/ic_launcher" 43> 44 45< /TabWidget> 46< /LinearLayout> 47 < /TabHost>

java代码实现：

1 public class MainActivity extends TabActivity { 2private TabHost tabhost; 3@Override 4protected void onCreate(Bundle savedInstanceState) { 5super.onCreate(savedInstanceState); 6setContentView(R.layout.activity_main); 7 8//从TabActivity上面获取放置Tab的TabHost 9tabhost = getTabHost(); 10 11tabhost.addTab(tabhost 12//创建新标签one 13.newTabSpec("one") 14//设置标签标题 15.setIndicator("红色") 16//设置该标签的布局内容 17.setContent(R.id.widget_layout_red)); 18tabhost.addTab(tabhost.newTabSpec("two").setIndicator("黄色").setContent(R.id.widget_layout_yellow)); 19} 20 }

实现效果如下：

文章图片

文章图片

方法二：继承Activity类
布局：
1、TabHost可自定义id
2、TabWidget必须设置android:id为@android:id/tabs
3、FrameLayout 必须设置android:id为@android:id/tabcontent

XML布局：

< TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/zidingyi" > < LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > < FrameLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:id="@android:id/tabcontent" > < LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/widget_layout_red" android:background="#ff0000" android:orientation="vertical" > < /LinearLayout> < LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/widget_layout_yellow" android:background="#FCD209" android:orientation="vertical" > < /LinearLayout> < /FrameLayout> < TabWidget android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@android:id/tabs" android:background="@mipmap/ic_launcher" > < /TabWidget> < /LinearLayout> < /TabHost>

java代码实现：

public class MainActivity extends Activity { private TabHost tabhost; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //得到TabHost对象实例 tabhost =(TabHost) findViewById(R.id.ho); //调用 TabHost.setup() tabhost.setup(); //创建Tab标签 tabhost.addTab(tabhost.newTabSpec("one").setIndicator("红色").setContent(R.id.widget_layout_red)); tabhost.addTab(tabhost.newTabSpec("two").setIndicator("黄色").setContent(R.id.widget_layout_yellow)); }}

自定义选项卡
很多时候系统自带的样式并不能满足我们的使用，就像QQ下面的选项栏有两种状态，点击时是一种图片效果，未点击时又是一种图片效果，下面记录一下怎么自定义选项卡，这里只实现了最左边的点击效果
效果图：

文章图片

XML布局：（浅蓝色背景的是三个不同界面的布局内容，可以忽略。绿色背景是比较重要，但是容易被忽视的属性）

< TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/Mytab" android:layout_width="match_parent" android:layout_height="match_parent"> < LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> < FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1"> < RelativeLayout android:id="@+id/one" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#f5f5f9" android:orientation="vertical"> < android.support.v7.widget.Toolbar android:id="@+id/too" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#00a2ac"> < TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="15dp" android:gravity="center" android:text="设置" android:textColor="#ffffff" /> < /android.support.v7.widget.Toolbar> < TextView android:id="@+id/text_1" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@+id/too" android:layout_marginTop="20dp" android:background="#f3f3f3" /> < TextView android:id="@+id/text_2" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_1" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_3" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_2" android:background="#f3f3f3" /> < TextView android:id="@+id/text_4" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_3" android:layout_marginTop="20dp" android:background="#f3f3f3" /> < TextView android:id="@+id/text_5" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_4" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_6" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_5" android:background="#f3f3f3" /> < TextView android:id="@+id/text_7" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@+id/text_6" android:layout_marginTop="20dp" android:background="#f3f3f3" /> < TextView android:id="@+id/text_8" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_7" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_9" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_8" android:background="#f3f3f3" /> < TextView android:id="@+id/text_10" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@+id/text_9" android:layout_marginTop="20dp" android:background="#f3f3f3" /> < TextView android:id="@+id/text_11" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_10" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_12" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_11" android:background="#f3f3f3" /> < TextView android:id="@+id/text_13" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_12" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_14" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_13" android:background="#f3f3f3" /> < TextView android:id="@+id/text_15" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_14" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_16" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_15" android:background="#f3f3f3" /> < TextView android:id="@+id/text_17" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@+id/text_16" android:layout_marginTop="20dp" android:background="#f3f3f3" /> < TextView android:id="@+id/text_18" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_17" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_19" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_18" android:background="#f3f3f3" /> < TextView android:id="@+id/text_20" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@+id/text_19" android:layout_marginTop="20dp" android:background="#f3f3f3" /> < TextView android:id="@+id/text_21" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_20" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_22" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_21" android:background="#f3f3f3" /> < TextView android:id="@+id/text_23" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/text_22" android:background="#ffffff" android:drawableRight="@mipmap/a2" android:padding="20px" android:text="服务大厅" android:textColor="#000000" /> < TextView android:id="@+id/text_24" android:layout_width="wrap_content" android:layout_height="1px" android:layout_below="@id/text_23" android:background="#f3f3f3" /> < /RelativeLayout> < RelativeLayout android:id="@+id/two" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/a3" android:orientation="vertical"> < /RelativeLayout> < ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/three" android:layout_width="match_parent" android:layout_height="match_parent"> < LinearLayout android:layout_width="match_parent"android:layout_height="match_parent" android:background="#FFFFFF" android:gravity="center" android:orientation="vertical"> < LinearLayout android:layout_width="match_parent" android:layout_height="60dp" android:background="#00A2AC" android:gravity="center_vertical" android:orientation="horizontal"> < TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:text="其他登录方式" android:textColor="#FFFFFF" /> < TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> < ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="https://www.songbingjia.com/android/@mipmap/x" /> < /LinearLayout> < LinearLayout android:layout_width="match_parent" android:layout_height="170dp" android:background="#00A2AC" android:gravity="center" android:orientation="vertical"> < ImageView android:layout_width="200dp" android:layout_height="100dp" android:src="https://www.songbingjia.com/android/@mipmap/x1" /> < ImageView android:layout_width="200dp" android:layout_height="50dp" android:layout_marginBottom="20dp" android:src="https://www.songbingjia.com/android/@mipmap/x2" /> < /LinearLayout> < LinearLayout android:layout_width="match_parent" android:layout_height="150dp" android:background="#FFFFFF" android:gravity="center_vertical" android:orientation="vertical"> < TextView android:layout_width="wrap_content"android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:text="贷款，其实是一件小事" android:textSize="22sp" /> < TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginTop="15dp" android:text="为微小型企业，经营者提供便捷的贷款服务" android:textColor="#CDCDCD" /> < /

推荐阅读

苹果微信发送声音咻怎么开

小轿车轮胎没有内胎吗为什么汽车轮胎不装内胎

空调除湿标志是什么？空调除湿是什么标记

在电商平台如何变更收货人，收货人如何更改收货地址

国家药监局地址和电话国家药监局电话

燕窝到底有没有营养燕窝到底有没有营养价值

人工智能|“赶上热词热概念，是我们不幸的一面” | 对话小冰公司CEO李笛

二甲戊灵除草剂怎么使用，附使用范围

飞天茅台和王子系列酒的本质差距在哪？

城乡居民医保门诊可以报销吗？有哪些规则

洗衣机故障代码e6,洗衣机显示e6是什么故障

房贷什么情况可提前还款房贷建议提前还款吗

聚美优品为什么私有化？

tcpip协议之udp分析,UDP协议报文分析

如何使用helm install命令（用法示例指南）

Win7无法打开添加打印机的解决方法

商标类别明细如何注册商标查询，商标注册流程及费用

卡尼尔爽肤水产品怎么样

怎么考会计初级职称会计初级职称怎么考

怎么选中电脑的键盘，键盘怎样选中电脑文字

Java版本APP接口安全设计

Android ViewPager+HorizontalScrollView实现标题栏滑动(腾讯新闻)

在android studio中配置运行时签名

Android 修改源码自定义SwipeRefreshLayout样式——高仿微信朋友圈下拉刷新

Android ToolBar使用

Android 比SwipeRefreshLayout更漂亮和强大的下拉刷新控件（Android-MaterialRefreshLayout）

Android开发之漫漫长途 IX——彻底掌握Binder

android dialog

洋葱头一键装机如何运用,本文教您运用洋葱头一