创建tabhost的两种方式

最新推荐文章于 2025-08-09 15:41:51 发布
转载 最新推荐文章于 2025-08-09 15:41:51 发布 · 644 阅读 · 1
文章标签：

#android #layout #listview #encoding #list #null

本文详细介绍了在Android应用中如何使用TabHost实现Tab界面，并提供了TabHost样式自定义的方法。通过两种不同的实现方式展示了如何在布局文件和Activity中添加TabHost，同时介绍了如何修改TabHost的默认样式，使界面更加符合软件的整体风格。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在activity中添加TabHost有两种方式，第一种为继承TabActivity，然后从布局文件中加载各个tab的内容即可。

Java代码   收藏代码
  1. private TabHost myTabHost;  
  2.   
  3.     @Override  
  4.     public void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.        TabHost host = getTabHost();  
  7.         LayoutInflater.from(this).inflate(R.layout.tabs,  
  8.                 host.getTabContentView(), true);  
  9.   
  10.         host.addTab(host  
  11.                 .newTabSpec("t1")  
  12.                 .setIndicator("t1", getResources().getDrawable(R.drawable.icon))  
  13.                 .setContent(R.id.sll01));  
  14.         host.addTab(host.newTabSpec("t2").setIndicator("t2")  
  15.                 .setContent(R.id.sll02));  
  16.         host.addTab(host.newTabSpec("t3").setIndicator("t3")  
  17.                 .setContent(R.id.sll03));  
  18.         setContentView(host);    }  


布局文件：

Xml代码   收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical" android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent">  
  5.     <LinearLayout android:id="@+id/sll01" android:layout_width="fill_parent"  
  6.         android:layout_height="fill_parent" android:gravity="center_horizontal"  
  7.         android:orientation="vertical">  
  8.         <ImageView android:src="@drawable/t1"  android:layout_width="fill_parent"  
  9.         android:layout_height="fill_parent" android:id="@+id/v1"></ImageView>  
  10.      </LinearLayout>  
  11.     <LinearLayout android:id="@+id/sll02" android:layout_width="fill_parent"  
  12.         android:layout_height="fill_parent" android:gravity="center_horizontal"  
  13.         android:orientation="vertical">  
  14.          <ImageView android:src="@drawable/t2" android:layout_width="fill_parent"  
  15.         android:layout_height="fill_parent" android:id="@+id/v2"></ImageView>  
  16.     </LinearLayout>  
  17.     <LinearLayout android:id="@+id/sll03" android:layout_width="fill_parent"  
  18.         android:layout_height="fill_parent" android:gravity="center_horizontal"  
  19.         android:orientation="vertical">  
  20.          <ImageView android:src="@drawable/t3" android:layout_width="fill_parent"  
  21.         android:layout_height="fill_parent" android:id="@+id/v3"></ImageView>  
  22.     </LinearLayout>  
  23. </FrameLayout>  






第二种:继承普通Activity，<TabWidget>标签id必须为tabs、<FrameLayout>标签id必须为tabcontent.这个方式在通过findViewById获得TabHost之后，必须要调用setup方法。

Xml代码   收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@+id/tabhost" android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent">  
  5.     <LinearLayout android:orientation="vertical"  
  6.         android:layout_width="fill_parent" android:layout_height="fill_parent">  
  7.         <TabWidget android:id="@android:id/tabs"  
  8.             android:layout_width="fill_parent" android:layout_height="wrap_content" />  
  9.         <FrameLayout android:id="@android:id/tabcontent"  
  10.             android:layout_width="fill_parent" android:layout_height="fill_parent">  
  11.   
  12.             <LinearLayout android:id="@+id/sll01"  
  13.                 android:layout_width="fill_parent"   
  14.                 android:layout_height="fill_parent"  
  15.                 android:gravity="center_horizontal"  
  16.                 android:orientation="vertical">  
  17.                 <ImageView android:src="@drawable/t1"  
  18.                     android:layout_width="fill_parent" android:layout_height="fill_parent"  
  19.                     android:id="@+id/v1"></ImageView>  
  20.             </LinearLayout>  
  21.             <LinearLayout android:id="@+id/sll02"  
  22.                 android:layout_width="fill_parent" android:layout_height="fill_parent"  
  23.                 android:gravity="center_horizontal" android:orientation="vertical">  
  24.                 <ImageView android:src="@drawable/t2"  
  25.                     android:layout_width="fill_parent" android:layout_height="fill_parent"  
  26.                     android:id="@+id/v2"></ImageView>  
  27.             </LinearLayout>  
  28.             <LinearLayout android:id="@+id/sll03"  
  29.                 android:layout_width="fill_parent" android:layout_height="fill_parent"  
  30.                 android:gravity="center_horizontal" android:orientation="vertical">  
  31.                 <ImageView android:src="@drawable/t3"  
  32.                     android:layout_width="fill_parent" android:layout_height="fill_parent"  
  33.                     android:id="@+id/v3"></ImageView>  
  34.             </LinearLayout>  
  35.   
  36.         </FrameLayout>  
  37.     </LinearLayout>  
  38. </TabHost>  

 

Java代码   收藏代码
  1. @Override  
  2.     protected void onCreate(Bundle savedInstanceState) {  
  3.         super.onCreate(savedInstanceState);  
  4.         setContentView(R.layout.tabs);  
  5.         TabHost host = (TabHost) findViewById(R.id.tabhost);  
  6.         host.setup();  
  7.         host.addTab(host  
  8.                 .newTabSpec("t1")  
  9.                 .setIndicator("t1", getResources().getDrawable(R.drawable.icon))  
  10.                 .setContent(R.id.sll01));  
  11.         host.addTab(host.newTabSpec("t2").setIndicator("t2")  
  12.                 .setContent(R.id.sll02));  
  13.         host.addTab(host.newTabSpec("t3").setIndicator("t3")  
  14.                 .setContent(R.id.sll03));  

 

 下面介绍一下修改TabHost的默认样式。

转自：http://www.hijava.org/android/modify-tabhost-default-style

TabHost是Android提供的一个容器组件，利用它可以轻松地实现TAB界面，如下图所示：

但很多时候，默认的TAB样式并不符合软件的整体风格，这时候该怎么办呢？其实，我们可以编写XML对其样式进行修改。下面修改后的效果图：

1. TabHost布局文件 main.xml

  
	<TabHost
	    android:id="@+id/tabhost"  
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent">  
	    <LinearLayout  
	        android:orientation="vertical"
	        android:layout_width="fill_parent"  
	        android:layout_height="fill_parent">  
	        <TabWidget  
	            android:id="@android:id/tabs"
	            android:layout_width="fill_parent" 
	            android:layout_height="30dip"
	            android:background="#a0a0a0"
	            android:layout_weight="0" />  
	        <FrameLayout  
	            android:id="@android:id/tabcontent"  
	            android:layout_width="fill_parent"  
	            android:layout_height="fill_parent"
	            android:layout_weight="1">
				  <ListView 
				    android:id="@+id/user_list"
				    android:layout_width="fill_parent"
				    android:layout_height="fill_parent" 
				    android:divider="@drawable/divider_line"
				    android:cacheColorHint="#00000000" />
				  <ListView 
				    android:id="@+id/article_list"
				    android:layout_width="fill_parent"
				    android:layout_height="fill_parent" 
				    android:divider="@drawable/divider_line"
				    android:cacheColorHint="#00000000" />  
				  <ListView 
				    android:id="@+id/feed_list"
				    android:layout_width="fill_parent"
				    android:layout_height="fill_parent" 
				    android:divider="@drawable/divider_line"
				    android:cacheColorHint="#00000000" />  
				  <ListView 
				    android:id="@+id/book_list"
				    android:layout_width="fill_parent"
				    android:layout_height="fill_parent" 
				    android:divider="@drawable/divider_line"
				    android:cacheColorHint="#00000000" />  				    				    				      
	        </FrameLayout>  
	    </LinearLayout>  
	</TabHost>

FrameLayout里有四个ListView 分别对应用户、文章、频道、图书。
TabWidget和FrameLayout的ID不能自己定义修改。

2. Activity后台代码

  
RelativeLayout articleTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);
TextView articleTabLabel = (TextView) articleTab.findViewById(R.id.tab_label);
articleTabLabel.setText("文章");
 
RelativeLayout feedTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);
TextView feedTabLabel = (TextView) feedTab.findViewById(R.id.tab_label);
feedTabLabel.setText("频道");
 
RelativeLayout bookTab = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.minitab, null);
TextView bookTabLabel = (TextView) bookTab.findViewById(R.id.tab_label);
bookTabLabel.setText("图书");
 
TabHost tabHost = (TabHost) findViewById(R.id.tabhost);
tabHost.setup();
 
tabHost.addTab(tabHost.newTabSpec("user").setIndicator(userTab).setContent(R.id.user_list));
tabHost.addTab(tabHost.newTabSpec("article").setIndicator(articleTab).setContent(R.id.article_list));
tabHost.addTab(tabHost.newTabSpec("feed").setIndicator(feedTab).setContent(R.id.feed_list));
tabHost.addTab(tabHost.newTabSpec("book").setIndicator(bookTab).setContent(R.id.book_list));

TabHost创建出来以后，必须先setup一下，tabHost.setup();
setIndicator方法设置的View其实就对应了TAB中的一个个选项卡，它们都是通过一个叫minitab的布局文件inflate出来的。

3. 选项卡布局文件minitab.xml

  
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="5dip"
    android:paddingRight="5dip">  
 
    <TextView android:id="@+id/tab_label"  
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:textColor="#000000"
        android:textStyle="bold"
        android:background="@drawable/minitab" /> 
</RelativeLayout>

drawable/minitab是一个selector，指定了Tab选项卡的背景颜色。

4. selector文件 minitab.xml 

  
<?xml version="1.0" encoding="utf-8"?>
<selector
	xmlns:android="http://schemas.android.com/apk/res/android"
	>
	<item
		android:state_selected="false"
		android:drawable="@drawable/minitab_unselected"
		>
	</item>
	<item
		android:state_selected="true"
		android:drawable="@drawable/minitab_default"
		>
	</item>
</selector>

minitab_unselected是一浅蓝色背景图片
minitab_default是一白色背景图片


TabHost的创建
04-21
NULL 博文链接：https://aarongo.iteye.com/blog/1913709
TabHost创建的2种方式
06-17 116
一.如果是自定义TabHost步骤如下 1.必须给tabHost跟标签设置一个android:id="@android:id/tabhost"> 2.必须创建TabWidget子节点,并且必须设定android:id="@android:id/tabs">该标签一般放到一个线性布局当中 3.必须创建FrameLayout节点,用于显示每个TabWidget标签的内容,且...
Android_UI_实现TabHost的两种方法
Run Away
05-25 7556
实现TabHost有两种方式： 一、 1.不继承TabActivity 2.在布局文件中定义TabHost 1.图文解意：在布局文件tabhostdemo1.xml里怎么定义tabhost，大家看下面的图片（部分代码）即可，文章最后都会贴出完整代码 【注意】这里需要强调的是TabWidget的id必须是@android:id/tabs，FrameLayout的id
Tabhost的使用及其界面布局情况
weixin_30258901的博客
11-20 184
Tabhost一般用于对主界面的布局，实现界面之间的切换，如图，其实要实现这种效果，就我所知道的方法有两种一个就是tabhostqu实现，另一种就是RadioButton去实现，但是方法都好像差不多吧，这里我就主要讲讲Tabhost如何实现页面切换效果吧 。 页面中的代码，很简单，不多讲，需要注意的是这些控件的id，都是系统内部的 1 <TabHost xmlns:an...
创建TabHost的两种方式的简单分析
大雀儿飞飞的专栏
07-12 5714
最近做了一个TabHost的界面，在做的过程中发现了一些问题，故和大家分享一下。 首先我的界面如下： 目前就我所知，创建TabHost有两种方式，第一种是继承TabActivity类，然后用getTabHost方法来得到一个TabHost的实例，然后就可以给这个TabHost添加Tab了。示例代码如下： public class PlotHost extends TabActivit
tabHost的两种实现方式
free logic的专栏
03-22 1096
A.布局文件中添加TabHost 上图为最终效果图 代码结构图   main.xml [xhtml] view plaincopy xml version="1.0" encoding="utf-8"?>   LinearLayout xmlns:android="http://schemas.and
TabHost两种实现方式
07-13
这篇博客“TabHost两种实现方式”探讨了如何在Android应用中使用TabHost来构建多标签视图。下面我们将深入讨论这两种实现方式及其相关知识点。 首先，我们要理解TabHost的基本概念。TabHost是一个容器，它能容纳一...
TabHost的两种使用方式
06-21
本篇文章将深入探讨TabHost的两种使用方式：XML布局和编程方式。 一、XML布局方式 1. 创建TabWidget：首先，在布局文件中创建一个TabWidget，它是TabHost中的标签视图。通过`android:id="@android:id/tabs"`来指定...
掌握TabHost的两种实现方式与源码分析
本知识点将详细介绍TabHost的两种实现方式。 ### 第一种实现方式：使用XML布局文件 在Android的早期版本中，TabHost是通过XML布局文件和Activity的setContentView方法结合使用的。开发者需要在XML文件中定义...
TabHost的各种实现方式
07-17
- 创建TabHost实例：通常我们会在布局XML文件中定义一个TabHost，并在Java代码中通过`findViewById()`获取它。 - 添加Tab：使用`TabHost.addTab()`方法来添加新的Tab。这个方法需要传递四个参数：TabSpec（Tab的...
tabhost布局
09-30
2. 创建TabHost的步骤： - 初始化TabHost：通常使用setContentView()方法设置TabHost的视图，并通过TabHost.setup()初始化它。 - 添加Tab：使用TabHost.addTab()方法为TabHost添加新的选项卡。这个方法需要传入...
TabHost的两种使用方法
u011023096的专栏
07-27 794
Android 实现tab视图有2种方法，一种就是继承tabactivity，一种是在布局页面中定义标签, 第一种：使用系统自带写好的TabHost（及继承自TabActivity类） 其具体步骤如下： （1）使用setContentView()方法显示界面。 （2）TabHost对象获得并设置。 （3）创建并设置TabSpec对象。 （4）向TabHost中添加TabSpec
Android Auto开发指南
变
08-07 412
本文介绍了Android Auto手车互联系统的技术实现。系统支持有线和无线两种连接方式，有线通过USB AOA通信，无线则采用BT+AP方案。架构分为三层：服务层处理音视频和输入事件，中间层为Google提供的协议栈，底层建立IO连接。技术细节包括协议栈的SSL加密机制，以及无线连接特有的蓝牙UUID和握手流程。文章基于全志T113和高通615平台的开发经验，为Android Auto开发者提供了实用参考。
从安卓兼容性困境到腾讯Bugly的救赎：全链路崩溃监控解决方案-卓伊凡|bigniu
一颗优雅草科技-央千澈的优快云博客~只想无穷无尽的学习~作息早8-晚8
08-08 897
从安卓兼容性困境到腾讯Bugly的救赎：全链路崩溃监控解决方案-卓伊凡|bigniu
UE4/UE5 Android 超大(视频)文件打包/防拷贝方案
J.Shaw's Blog
08-08 954
至此我们成功的分别将三个将近4G的mp4分别打进了3个不同pak文件，这样pak再打进obb的时候就可以通过UE的自动分配打包到不同的OBB里，避开了单个OBB文件不允许超过4G的闲置。这个配置的意思是将指定的output000.mp4文件打包进pakchunk10,同理output001.mp4、output002.mp4分别打包进去packchunk11、12的pak文件里。到这里，直接打包的话所有的文件都会被打包进默认的主pak文件，该pak文件将会超过4G，放不进OBB。
Android 的CameraX的使用(配置，预览，拍照，图像分析，录视频)
奋斗的菇凉的博客
08-08 1051
Android Studio 版本号：2024.1.2CameraX是Jetpack系列中的一个库，它基于Camera2 API构建，但提供了更高层次的抽象。CameraX 需要一些属于 Java 8 的方法，因此我们需要相应地设置编译选项。在 代码块的末尾，紧跟在 之后，有以下配置：使用 ViewBinding，因此请使用以下代码（在 代码块末尾）启用它： 在 模块的build.gradle文件中添加CameraX依赖 因为用到了ConstraintLayout布局，所以也要引入依赖
谷歌官方性能文档：Android 动态性能框架优化Performance Hint API
learnframework的博客
08-09 994
如果工作负载使用的 CPU 资源较多，则时钟速度会提高，且工作负载最终会移至更大的核心。如果您的应用将此 API 与热状态监控功能结合使用，则可以为操作系统提供更明智的提示，而无需使用忙循环和其他可能导致受限制的编码方法。每当目标工作时长发生变化时（例如，当播放器选择不同的目标帧速率时），请调用 updateTargetWorkDuration 方法来告知系统，以便操作系统可以根据新目标调整资源。例如，如果您稍后创建了物理线程，并需要将其添加到会话中，则可以使用此 setThreads API。
後端開發技術教學(四) 數據交互延伸
最新发布
2501_92376690的博客
08-09 1158
本文主要讲解了PHP中文件上传功能的完整实现流程。首先比较了$_FILES与$_GET/$_POST的不同，指出文件上传必须使用post方法并添加enctype="multipart/form-data"属性。接着详细说明了$_FILES数组的结构特点，包括name、type、tmp_name等固定下标。然后给出了完整的文件上传架构：1）检查$_FILES非空；2）提取文件后缀；3）生成随机文件名；4）创建存储目录；5）设置存储路径；6）使用move_uploaded_file()移动
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值