Android界面----Tab标签的实现

来源：互联网发布：java package private 编辑：程序博客网时间：2024/05/21 04:21

一、Tab标签的使用基础

Android程序中，Tab标签窗口是一种常用的UI界面元素。它的实现主要是利用了TabHost类。

二、TabHost说明

TabHost是一个标签窗口的容器。一个TabHost对象包含两个子元素对象：一个对象是tab标签集合（TabWidget），用户点击它们来选择一个特定的标签；另一个是FrameLayout对象，展示当前页的内容。子元素通常是通过容器对象来控制，而不是直接设置子元素的值。

三、案例Demo

Activity代码：

package com.meng.hellotabhost;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.widget.TabHost;public class HelloTabHostActivity extends Activity{    @Override    protected void onCreate(Bundle savedInstanceState)    {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_hello_tab_host);        TabHost tabHost = (TabHost) findViewById(R.id.myTabHost);        // 如果不是继承TabActivity，则必须在得到tabHost之后，添加标签之前调用tabHost.setup()        tabHost.setup();        // 这里content的设置采用了布局文件中的view        tabHost.addTab(tabHost.newTabSpec("tab1")                .setIndicator("tab1 indicator").setContent(R.id.view1));        tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("tab2")                .setContent(R.id.view2));        tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("tab3")                .setContent(R.id.view3));    }}

布局文件代码:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/hello_world" />    <!-- TabHost必须包含一个 TabWidget和一个FrameLayout -->    <TabHost        android:id="@+id/myTabHost"        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的id属性必须为 @android:id/tabs -->            <TabWidget                android:id="@android:id/tabs"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_weight="0"                android:orientation="horizontal" />            <!-- FrameLayout的id属性必须为 @android:id/tabcontent -->            <FrameLayout                android:id="@android:id/tabcontent"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="0" >                <TextView                    android:id="@+id/view1"                    android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:text="Tab1 Content" />                <TextView                    android:id="@+id/view2"                    android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:text="Tab2 Content" />                <TextView                    android:id="@+id/view3"                    android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:text="Tab3 Content" />            </FrameLayout>        </LinearLayout>    </TabHost></LinearLayout>

0 0