android TabHost

最新推荐文章于 2025-06-22 16:39:43 发布
原创 最新推荐文章于 2025-06-22 16:39:43 发布 · 446 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #TabHost #TabWidget

本文详细介绍了Android中TabHost组件的使用方法，包括TabHost的基本结构、TabWidget与FrameLayout的作用及使用方式，并提供了自定义选项卡的具体实现示例。

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

虽然tabhost已经被官方废弃了，但是用还是能用，其搭配activity或者fragment都能很好的实现页面的切换

使用条件：MainAcitivy必须继承自TabActivity,通过调用getTabHost();方法获取TabHost对象


TabHost常用组件：

TabWidget:该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡

FrameLayout:该组件中定义的子组件是TabHost中每个页面显示的选项卡


1.<tabhost>根布局标签

其中的id 需要引用 android的自带id : android:id="@android:id/tabhost" ;

getHost()获取前提 : 设置了该id之后, 在Activity界面可以使用 getHost(), 获取这个TabHost 视图对象;


2.TabWidget标签

该组件是选项卡切换按钮, 通过点击该组件可以切换选项卡---必须添加的组件，但是可以不使用，采用自定义的选项组件

这个组件的id要设置成android的自带id : android:id="@android:id/tabs"

该组件与FrameLayout组件是TabHost组件中必备的两个组件

如果想要将按钮放到下面, 可以将该组件定义在下面, 但是注意：FrameLayout要设置android:layout_widget = "1"

如果想要设置该按钮组件的大小, 可以设置该组件与FrameLayout组件的权重


3.FrameLayout

该组件中定义的子组件是TabHost中每个页面显示的选项卡, 可以将TabHost选项卡显示的视图定义在其中

这个组件的id要设置成android的自带的id: android:id="@android:id/tabcontent"


注意：三个部分tabhost,tabwidget,framelayout都是使用的系统指定的id,不能自己设定

贴上布局代码：

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="0.0dp"
            android:layout_weight="1.0" >
        </FrameLayout>
        
        <!--因为不适用，所以直接gone掉，下面的linearLayout为自定义的按键-->
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="0.0dp"
            android:layout_weight="0.0"
            android:visibility="gone" />
      

        <LinearLayout
            android:id="@+id/mine_table"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="bottom"
            android:orientation="horizontal" >

            <FrameLayout
                android:layout_width="0.0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center"
                    android:orientation="vertical" >

                    <RadioButton
                        android:id="@+id/first"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:background="@null"
                        android:button="@null"
                        android:drawableTop="@drawable/message_infor_0"
                        android:gravity="center"
                        android:text="first" />
                </LinearLayout>
            </FrameLayout>

            <FrameLayout
                android:layout_width="0.0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center"
                    android:orientation="vertical" >

                    <RadioButton
                        android:id="@+id/second"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:background="@null"
                        android:button="@null"
                        android:drawableTop="@drawable/message_inform_1"
                        android:gravity="center"
                        android:text="second" />
                </LinearLayout>
            </FrameLayout>

            <FrameLayout
                android:layout_width="0.0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center"
                    android:orientation="vertical" >

                    <RadioButton
                        android:id="@+id/third"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:background="@null"
                        android:button="@null"
                        android:drawableTop="@drawable/message_infor_0"
                        android:gravity="center"
                        android:text="third" />
                </LinearLayout>
            </FrameLayout>

            <FrameLayout
                android:layout_width="0.0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center"
                    android:orientation="vertical" >

                    <RadioButton
                        android:id="@+id/forth"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:background="@null"
                        android:button="@null"
                        android:drawableTop="@drawable/message_inform_1"
                        android:gravity="center"
                        android:text="forth" />
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </LinearLayout>

</TabHost>
使用tabWidget作为选项卡的布局： 

    <?xml version="1.0" encoding="utf-8"?>  
    <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
        android:id="@android:id/tabhost"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
          
        <LinearLayout   
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            android:orientation="vertical">  
              
            <TabWidget   
                android:id="@android:id/tabs"  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content"  
                android:orientation="horizontal"/>  
              
            <FrameLayout   
                android:id="@android:id/tabcontent"  
                android:layout_width="fill_parent"  
                android:layout_height="fill_parent"  
                android:layout_weight="1">  
                  
                <LinearLayout   
                    android:id="@+id/alwayswet"  
                    android:layout_width="fill_parent"  
                    android:layout_height="fill_parent"  
                    android:orientation="vertical">  
                    <ImageView   
                        android:scaleType="fitXY"  
                        android:layout_height="fill_parent"  
                        android:layout_width="fill_parent"  
                        android:src="@drawable/alwayswet"/>  
                </LinearLayout>  
                  
                <LinearLayout   
                    android:id="@+id/isanimal"  
                    android:layout_width="fill_parent"  
                    android:layout_height="fill_parent"  
                    android:orientation="vertical">  
                    <ImageView   
                        android:scaleType="fitXY"  
                        android:layout_height="fill_parent"  
                        android:layout_width="fill_parent"  
                        android:src="@drawable/isanimal"/>  
                </LinearLayout>  
                  
                <LinearLayout   
                    android:id="@+id/nezha"  
                    android:layout_width="fill_parent"  
                    android:layout_height="fill_parent"  
                    android:orientation="vertical">  
                    <ImageView   
                        android:scaleType="fitXY"  
                        android:layout_height="fill_parent"  
                        android:layout_width="fill_parent"  
                        android:src="@drawable/nazha"/>  
                </LinearLayout>  
                              
            </FrameLayout>  
              
        </LinearLayout>  
          
    </TabHost>

在MainActivity中调用：

TabHost localTab =getTabHost();

自定义选项卡：

private TabHost.TabSpec buildTabSpec(String tag,String name,final Intent content){

    return mTabHost.newTabSpec(tag).setContent(content).setIndicator(name);
}

localTab.addTab(buildTabSpec("tag", "name", Intent));
说明：intent为MainActivity 跳往目标class的intent

继承并重写监听：

@Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if(isChecked){
            switch(buttonView.getId()){
            case R.id.first:
                mTabHost.setCurrentTabByTag("fi");
                second.setChecked(false);
                third.setChecked(false);
                forth.setChecked(false);
                break;
            case R.id.second:
                mTabHost.setCurrentTabByTag("se");
                first.setChecked(false);
                third.setChecked(false);
                forth.setChecked(false);
                break;
            case R.id.third:
                mTabHost.setCurrentTabByTag("th");
                second.setChecked(false);
                first.setChecked(false);
                forth.setChecked(false);
                break;
            case R.id.forth:
                mTabHost.setCurrentTabByTag("fo");
                second.setChecked(false);
                third.setChecked(false);
                first.setChecked(false);
                break;
            }
        }

    }

即可；


使用tabWidget作为选项卡的调用代码：

TabHost tabHost = getTabHost();  
          
TabSpec page1 = tabHost.newTabSpec("tab1")  
                .setIndicator("叫兽")  
                .setContent(R.id.isanimal);  
tabHost.addTab(page1);  
          
TabSpec page2 = tabHost.newTabSpec("tab2")  
                .setIndicator("老湿")  
                .setContent(R.id.alwayswet);  
tabHost.addTab(page2);  
          
TabSpec page3 = tabHost.newTabSpec("tab3")  
                .setIndicator("哪吒")  
                .setContent(R.id.nezha);  
tabHost.addTab(page3); 

安卓——选项卡——TabHost
weixin_43795939的博客
05-08 443
选显卡：类似于QQ VX等主页面下方的几个小格子,就是这个东西 ↓ \downarrow ↓ 需要TabHost | TabWidget | FrameLayout三个组件 TabHost => id值固定使用@android:id/tabhost Tabwidget => id值固定使用@android:id/tabs FrameLayout => id值固定...
Android：TabHost学习
weixin_44195634的博客
01-14 212
前言 TabHost是用来在一个界面显示多个标签的组件，现在已经被Fragment代替，原因是可扩展性非常差，并且需要依赖ActivityGroup。现在对它进行学习是为了学习它构建界面的特点，更好的理解Android的UI。 TabHost组件在安卓4.0之后已经被废弃了，建议使用Fragment组件来代替它。由于其设计违反了Activity单一窗口原则，它可以同时加载多个Activity，然后再它们之间进行来回切换；另外有个很致命的问题就是当点击别的选项时，按下Back后退键，它会使整个应用程序都退出
android 的TabHost
04-27
android 最新的TabHost,不是传统的TabHost,继承了FrameActivity.
Android TabHost底部白线问题解决指南
最新发布
weixin_42610671的博客
06-22 999
TabHost是Android中用于实现选项卡式界面的一个组件。它允许用户在不同的界面之间切换，而不需要离开当前的Activity。TabHost非常适合于创建多面板的用户界面，提高应用的可用性和用户交互体验。在Android开发中，主题（Theme）和样式（Style）都是用来定义界面的外观和行为的一系列属性集合。主题通常包含了一组全局的样式设置，用于定义整个应用的外观和感觉，而样式则通常用于定义单个或一类组件的外观。主题通过在资源文件中定义<style>标签来创建，并可以在。
安卓 tabhost嵌套tabhost
04-09
tabhost中嵌套一个tabhost。
android 一个TabHost的例子
03-27
NULL 博文链接：https://whoyuhui.iteye.com/blog/1167378
Android TabHost选项卡标签图标始终不出现的解决方法
01-05
本文实例分析了Android TabHost选项卡标签图标始终不出现的解决方法。分享给大家供大家参考，具体如下： 在学习Android TabHost布局过程中，很多教程告诉我，这样来显示选项卡标签的图标和文字： TapSpec spec1 = ...
Android Tabhost使用方法详解
01-04
Android 实现tab视图有2种方法，一种是在布局页面中定义<tabhost>标签,另一种就是继承tabactivity.但是我比较喜欢第二种方式，应为如果页面比较复杂的话你的XML文件会写得比较庞大，用第二种方式XML页面相对要简洁得...
android TabHost简单使用
04-21
在Android开发中，TabHost是一个非常实用的组件，它允许我们创建带有多个选项卡的应用界面，每个选项卡可以展示不同的内容或活动。本篇文章将详细介绍如何在Android项目中使用TabHost，以及它的工作原理。 首先，...
Android-TabHost.rar_android_android tabhost_tabhost_tabhost andr
09-22
在Android应用开发中，TabHost是一个非常重要的组件，它用于创建多标签的用户界面，使得用户可以在不同的功能之间轻松切换。TabHost与TabWidget和FrameLayout一起工作，为每个标签提供一个视图容器。本教程将深入...
Android TabHost动态增加和删除
03-21
### Android TabHost 动态增加与删除详解 #### 一、TabHost简介 TabHost是Android框架中的一个重要组件，用于创建具有多个标签页的应用界面。TabHost由三部分组成： 1. **`TabWidget`**：显示各个标签的组件。 2....
Android 使用FragmentTabhost代替Tabhost
08-30
主要介绍了Android 使用FragmentTabhost代替Tabhost的相关资料,需要的朋友可以参考下
用Fragment来代替过期的Tabhost和ActivityGroup
02-11
用Fragment来代替过期的Tabhost和ActivityGroup
自定义TabHost实现
05-20
tabhost，tab控制按钮图片文字切换，自己可以任意定义变更。
android使用fragment替代tabhost实现分页效果
12-08
里面有多种样式，代码很简单，一看就懂。还有不同activity之间侦听的例子。本人非高手，希望大家相互学习。
android之tabhost讲解
weixin_30764883的博客
02-26 171
Tab标签页是界面设计时经常使用的界面控件，可以实现多个分页之间的快速切换，每个分页可以显示不同的内容Tab标签页的使用 1.首先要设计所有的分页的界面布局2.在分页设计完成后，使用代码建立Tab标签页，并给每个分页添加标识和标题 3.最后确定每个分页所显示的界面布局 每个分页建立一个XML文件，用以编辑和保存分页的界面布局，使用的方法与设计普通用户界面没...
Android TabHost
aigui1439的博客
05-19 126
Open Declarationvoid android.widget.TabHost.setup() Call setup() before adding tabs if loading TabHost using findViewById(). However: You do not need to call setup() after getTabHost()...
安卓 TabHost
有勇气的牛排博客
06-17 473
MainActivity.java import android.app.Activity; import android.app.ActivityGroup; import android.content.Intent; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.widget.TabHost; public class MainActivity ...
Android中的TabHost
热门推荐
xinem的专栏
12-19 1万+
介绍  有时，我们想在一个window中显示多个视图，这时就需要用到Tab容器。在Android里它叫TabHost。 使用TabHost有两种方式： 在相同的activity中使用TabHost导航多个视图使用TabHost导航多个Activity(通过intents) Tab应用的结构 TabHost的Activity的结构如下: 先看个示例： layou
Android TabHost控件使用详解
Android TabHost控件是Android开发中的一个重要组件，它允许开发者在应用程序中创建多个页面，这些页面通过标签页的形式进行切换。对于初学者而言，掌握TabHost的使用方法是构建具有良好用户体验的Android应用的关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值