Android---61---TabHost简单使用

来源：互联网发布：java public 方法编辑：程序博客网时间：2024/05/21 10:56

与TabHost结合使用的组件：
TabWidget：代表选项卡的标签条
TabSpec：代表选项卡的一个Tab页面

TabHost仅仅是一个简单的容器，它提供两个方法来创建、添加选项卡

newTabSpec(String tag):创建选项卡
addTab(TabHOst.TabSpec tabSpec):添加选项卡

步骤：

1.在界面布局文件中定义TabHost组件，并为该组件定义该选项卡的内容

2.Activity继承TabActivity

3.调用TAbActivity的getTabHost()方法获取TabHost对象

4.通过TabHost对象的方法来创建、添加选项卡

布局文件：

<?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"    android:layout_weight="1" >    <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" />        <FrameLayout            android:id="@android:id/tabcontent"            android:layout_width="match_parent"            android:layout_height="match_parent" >            <!-- 定义第一个标签页的内容 -->            <LinearLayout                android:id="@+id/tab01"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="tab1"                    android:textSize="11pt" />            </LinearLayout>            <!-- 定义第二个标签页的内容 -->            <LinearLayout                android:id="@+id/tab02"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="tab2"                    android:textSize="11pt" />            </LinearLayout>            <!-- 定义第三个标签页的内容 -->            <LinearLayout                android:id="@+id/tab03"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical"                android:textSize="11pt" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="tab3"                    android:textSize="11pt" />            </LinearLayout>        </FrameLayout>    </LinearLayout></TabHost>

TabHost容器内部需要组合两个组件：TabWidget和FrameLayout，其中TabWidget定义选项卡的标题条
Framelayout则用于层叠组合多个选项界面

Activity：

public class MainActivity extends TabActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 获取该Activity里面的TabHost组件TabHost tabHost = getTabHost();// 创建第一个Tab页TabSpec tab1 = tabHost.newTabSpec("tab1").setIndicator("01") // 设置标题.setContent(R.id.tab01); // 设置内容// 添加第一个标签页tabHost.addTab(tab1);TabSpec tab2 = tabHost.newTabSpec("tab2")// 在标签标题上放置图标.setIndicator("02",getResources().getDrawable(R.drawable.ic_launcher)).setContent(R.id.tab02);// 添加第二个标签页tabHost.addTab(tab2);TabSpec tab3 = tabHost.newTabSpec("tab3").setIndicator("03").setContent(R.id.tab03);// 添加第三个标签页tabHost.addTab(tab3);}}

有时候选项卡是在下边的，只需要修改布局文件即可

布局文件：

<?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"    android:layout_weight="1" >    <RelativeLayout        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"            android:layout_alignParentBottom="true" />        <FrameLayout            android:id="@android:id/tabcontent"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_above="@android:id/tabs" >            <!-- 定义第一个标签页的内容 -->            <LinearLayout                android:id="@+id/tab01"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="tab1"                    android:textSize="11pt" />            </LinearLayout>            <!-- 定义第二个标签页的内容 -->            <LinearLayout                android:id="@+id/tab02"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="tab2"                    android:textSize="11pt" />            </LinearLayout>            <!-- 定义第三个标签页的内容 -->            <LinearLayout                android:id="@+id/tab03"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical"                android:textSize="11pt" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="tab3"                    android:textSize="11pt" />            </LinearLayout>        </FrameLayout>    </RelativeLayout></TabHost>

0 0