【Android从零单排系列二十八】《Android视图控件——TabHost》

前言

小伙伴们，在上文中我们介绍了Android视图组件HorizontalScrollView，本文我们继续盘点，介绍一下视图控件的TableHost。

一 TabHost基本介绍

通常用于描述Android应用程序中实现Tab布局的一种方法。Tab布局是一种常见的用户界面布局方式，允许用户在不同的选项卡之间切换内容。

在Android中，可以使用多种方式来实现Tab布局，其中一种常见的方法就是使用TabHost和TabWidget组件。TabHost是一个容器控件，可以容纳多个选项卡（即Tab页面），而TabWidget用于显示选项卡的标签。

通过使用TabHost和TabWidget，开发人员可以轻松创建带有选项卡的界面，并在用户点击选项卡时切换到相应的内容页面。每个选项卡都可以包含独立的视图或片段，以呈现不同的功能或信息。

注：自Android API level 21起，Google推出了更为灵活和强大的TabLayout组件，可以更方便地实现Tab布局，并提供更多自定义和样式选项。

二 TabHost使用方法

Android中的TabHost是一个容器类，用于实现选项卡布局。以下是使用TabHost的一般步骤：

在XML布局文件中添加TabHost和相关的子控件：

代码语言：javascript复制

<TabHost
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

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

    </LinearLayout>

</TabHost>

在Java代码中获取TabHost实例并调用setup()方法进行初始化：

代码语言：javascript复制

TabHost tabHost = findViewById(android.R.id.tabhost);
tabHost.setup();

创建选项卡（Tab）并将它们添加到TabHost中：

代码语言：javascript复制

TabHost.TabSpec spec1 = tabHost.newTabSpec("tab1");
spec1.setContent(R.id.tab1); // 设置内容视图的ID
spec1.setIndicator("Tab 1"); // 设置选项卡的标签

TabHost.TabSpec spec2 = tabHost.newTabSpec("tab2");
spec2.setContent(R.id.tab2); // 设置内容视图的ID
spec2.setIndicator("Tab 2"); // 设置选项卡的标签

// 将选项卡添加到TabHost中
tabHost.addTab(spec1);
tabHost.addTab(spec2);

可选择性地为选项卡设置监听器，以便在选项卡切换时执行相应操作：

代码语言：javascript复制

tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {
    @Override
    public void onTabChanged(String tabId) {
        // 在这里处理选项卡切换事件
    }
});

三 TabHost常见属性及方法

方法：

setup()：用于初始化TabHost对象，在使用TabHost前需要调用该方法。
newTabSpec(String tag)：创建一个新的选项卡规范，并指定标签（tag）。
addTab(TabHost.TabSpec tabSpec)：将选项卡规范添加到TabHost中。
setCurrentTab(int index)：设置当前显示的选项卡，index为选项卡的索引值。
getCurrentTab()：获取当前显示的选项卡的索引值。

属性：

android:id：在XML布局文件中使用的唯一标识符，用于引用TabHost对象。
android:tabWidgetId：指定TabWidget的ID，用于与TabHost关联。
android:tabContentId：指定内容视图的ID，用于与TabHost关联。
android:inflatedId：指定选项卡内容视图被填充后的ID。
android:defaultTab：指定默认显示的选项卡标签。

四 TabHost简单案例

以下是一个简单的TabHost使用案例，用于实现两个选项卡："Tab1"和"Tab2"：

代码语言：javascript复制

import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 获取TabHost对象
        TabHost tabHost = getTabHost();

        // 创建第一个选项卡"Tab1"
        TabHost.TabSpec tabSpec1 = tabHost.newTabSpec("Tab1");
        tabSpec1.setIndicator("Tab1"); // 设置标签显示文本
        tabSpec1.setContent(R.id.tab1); // 设置该选项卡所对应的内容视图

        // 创建第二个选项卡"Tab2"
        TabHost.TabSpec tabSpec2 = tabHost.newTabSpec("Tab2");
        tabSpec2.setIndicator("Tab2");
        tabSpec2.setContent(R.id.tab2);

        // 将选项卡添加到TabHost中
        tabHost.addTab(tabSpec1);
        tabHost.addTab(tabSpec2);

        // 设置默认显示的选项卡
        tabHost.setCurrentTab(0);
    }
}

在上述代码中，需要注意以下几点：

需要继承TabActivity类。
在布局文件中定义一个TabHost控件。
通过getTabHost()方法获取TabHost对象。
使用newTabSpec()创建选项卡规范，并设置标签显示文本和内容视图。
调用addTab()将选项卡添加到TabHost中。
可以通过setCurrentTab()方法设置默认显示的选项卡。

五总结

自Android 3.0（Honeycomb）版本开始，官方推荐使用ActionBar来替代TabHost和TabWidget，以实现选项卡式界面。ActionBar提供更灵活的选项卡功能，并与主题和操作栏集成更好。

总之，TabHost是一个方便创建选项卡界面的控件，在Android开发中常用于设计多标签页、选项卡导航等交互方式。

android 容器布局对象索引

0 人点赞

【Android从零单排系列二十八】《Android视图控件——TabHost》

前言

一 TabHost基本介绍

二 TabHost使用方法

三 TabHost常见属性及方法

四 TabHost简单案例

五 总结

五总结