切换卡TabHost

最新推荐文章于 2021-05-31 18:02:41 发布

原创最新推荐文章于 2021-05-31 18:02:41 发布 · 271 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#tabhost #界面

android 专栏收录该内容

53 篇文章

订阅专栏

本文介绍如何使用 Android 的 TabHost 组件实现类似电话簿的标签切换界面，包括界面布局定义、Activity 继承方式、TabHost 对象创建及监听器设置等关键步骤。

类似查看电话簿的界面，通过多个标签切换显示不同的内容；
类似查看电话簿的界面，通过多个标签切换显示不同的内容；
1.在界面布局文件中定义TabHost组件，并为该组件定义该选项卡的内容；
2.Activity应该继承TabActivity；
3.调用TabAcitvity的getTabHost()方法获得TabHost()对象；
4.通过TabHost对象的方法来创建、添加选项卡；
5.设置TabHostOnTabChangeListener监听器;
代码:

<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="com.xspacing.tabwidget.MainActivity" >

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

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

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <TextView
                android:id="@+id/main_tv_tab1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="已接电话" />

            <TextView
                android:id="@+id/main_tv_tab2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="未接电话" />

            <TextView
                android:id="@+id/main_tv_tab3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="已拨电话" />
        </FrameLayout>
    </LinearLayout>

</TabHost>

这里写图片描述