TabHost的用法

标签：tabhost   ui   view   

今天学习了TabHost组件的功能和用法，在这里将Demos展现一下。

activity_tab_host_demos.xml

<TabHost
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="lzl.edu.com.windowprogressbar.TabHostDemos">

    <LinearLayout
        android:id="@+id/tab01"
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:text="lzl"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <TextView
            android:text="lzl"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/tab02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:text="lzf"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <TextView
            android:text="lzf"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/tab03"
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:text="wdw"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <TextView
            android:text="wdw"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

</TabHost>

package lzl.edu.com.windowprogressbar;

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

public class TabHostDemos extends TabActivity {

    /**
     *本例主要讲解TabHost的用法：
     * TabHost仅仅是一个简单的容器，提供两个方法
     * newTabSpec(String tag):创建选项卡
     * addTab(TabHost.TabSpec tabSpec):添加选项卡
     * @param savedInstanceState
     *
     * 步骤：
     * 1、在界面布局中定义TabHost组件，并为该组件定义该选项卡内容
     * 2、Activity应该继承TabActivity。
     * 3、调用TabActivity的getTabhost()方法获取tabHost对象
     * 4、通过tabHost对象的方法来创建选项卡、添加选项卡。
     */
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //调用TabActivity的getTabhost()方法获取tabHost对象
        TabHost tabHost = getTabHost();
        //添加tabHost布局
        LayoutInflater.from(this).inflate(R.layout.activity_tab_host_demos,
                tabHost.getTabContentView(),true);
        tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("已结电话").setContent(R.id.tab01));
        tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("未接电话").setContent(R.id.tab02));
        tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("呼出电话").setContent(R.id.tab03));
    }
}

TabHost的用法

标签：tabhost   ui   view   

原文地址：http://blog.csdn.net/u011521890/article/details/47777969