Android的TabHost组件-android的学习之旅（四十）

来源：互联网发布：unity3d源码下载编辑：程序博客网时间：2024/06/06 01:07

TabHost简介

虽然，官方建议用Fagment取代TabHost，但是我们还是大概的介绍一下。TabHost是一种非常简单的组件，TabHost可以很方便的在窗口放置多个标签页，每一个标签页相当于获得了一个摆放位置。
这里写图片描述

注意

TabHost的内部需要两个组件一个是TabWidget和FrameLayout两个组件。
这里写图片描述

通话记录界面

<?xml version="1.0" encoding="utf-8"?><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:layout_weight="1"    android:id="@android:id/tabhost"    >    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="vertical">        <TabWidget            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:id="@android:id/tabs"/>        <FrameLayout            android:layout_width="match_parent"            android:layout_height="match_parent"            android:id="@android:id/tabcontent">            <LinearLayout                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical"                android:id="@+id/tab01">                <TextView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:text="hello"/>                <TextView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:text="hello"/>                </LinearLayout>            <LinearLayout                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical"                android:id="@+id/tab02">                <TextView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:text="hello"/>                <TextView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:text="hello"/>            </LinearLayout>            <LinearLayout                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical"                android:id="@+id/tab03">                <TextView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:text="hello"/>                <TextView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:text="hello"/>            </LinearLayout>            </FrameLayout>        </LinearLayout></TabHost>

package peng.liu.test;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 = getTabHost();        TabHost.TabSpec tabSpec = tabHost.newTabSpec("tab01").setIndicator("已接电话").setContent(R.id.tab01);        tabHost.addTab(tabSpec);        TabHost.TabSpec tabSpec1 = tabHost.newTabSpec("tab02").setIndicator("呼叫电话").setContent(R.id.tab02);        TabHost.TabSpec tabSpec2 = tabHost.newTabSpec("tab03").setIndicator("未接电话").setContent(R.id.tab03);        tabHost.addTab(tabSpec1);        tabHost.addTab(tabSpec2);    }}

效果图

这里写图片描述

0 0