Android TabHost

Tab标签页是界面设计时经常使用的界面控件，可以实现多个分页之间的快速切换，每个分页可以显示不同的内容
Tab标签页的使用
      1.首先要设计所有的分页的界面布局
      2.在分页设计完成后，使用代码建立Tab标签页，并给每个分页添加标识和标题
      3.最后确定每个分页所显示的界面布局
      每个分页建立一个XML文件，用以编辑和保存分页的界面布局，使用的方法与设计普通用户界面没有什么区别

使用Tab标签页的一般步骤
首先要设计所有的分页的界面布局
Activity继承TabActivity
调用TabActivity的getTabHost()方法获得TabHost对象
通过TabHost创建Tab

 

所谓的tabhost提供选项卡（Tab页）的窗口视图容器.此对象包含两个子对象： 一个是使用户可以选择指定标签页的标签的集合；另一个是用于显示标签页内容的 FrameLayout. 选项卡中的个别元素一般通过其容器对象来控制，而不是直接设置子元素本身的值.

先演示一个简单的例子，只有一个Activity，但要注意的是继承tabActivity这个类

第一步：在布局文件中main.xml敲入代码。注意这里用了FrameLayout，主要特点是可以覆盖其他内容，只显示当前的

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/FrameLayout01" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content">
    
    <TextView 
    android:id="@+id/TextView01" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="所有通话记录"></TextView>
    
    <TextView 
    android:id="@+id/TextView02" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="已接来电"></TextView>
    
    <TextView 
    android:id="@+id/TextView03" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="未接来电"></TextView>
    
</FrameLayout>

第二步：编写layouttab01Activity.java这个文件，比较简单。

package cn.edu.zwu.tel;

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


public class LayoutTab01Activity extends TabActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        TabHost th = getTabHost();
        //声明TabHost，然后用LayoutInflater过滤出布局来，给TabHost加上含有Tab页面的FrameLayout
//from(this)从这个TabActivity获取LayoutInflater　　
//R.layout.main 存放Tab布局
//通过TabHost获得存放Tab标签页内容的FrameLayout　　
//是否将inflate 拴系到根布局元素上
        LayoutInflater.from(this).inflate(R.layout.main, th.getTabContentView(), true); 
        //通过TabHost获得存放Tab标签页内容的FrameLayout，
//newTabSpecd的作用是获取一个新的 TabHost.TabSpec，并关联到当前 TabHost
//setIndicator的作用是指定标签和图标作为选项卡的指示符.
//setContent的作用是指定用于显示选项卡内容的视图 ID.
        th.addTab(th.newTabSpec("all").setIndicator("所有通话记录", getResources().getDrawable(R.drawable.call_forward)).setContent(R.id.TextView01));
        th.addTab(th.newTabSpec("ok").setIndicator("已接来电",getResources().getDrawable(R.drawable.phone_call)).setContent(R.id.TextView02));
        th.addTab(th.newTabSpec("cancel").setIndicator("未接来电",getResources().getDrawable(R.drawable.call_bluetooth)).setContent(R.id.TextView03));
        //setOnTabChangeListener的作业是注册一个回调函数，当任何一个选项卡的选中状态发生改变时调用.  
        th.setOnTabChangedListener(
                new OnTabChangeListener() {
                    @Override
                    public void onTabChanged(String tabId) {
                        Toast.makeText(LayoutTab01Activity.this, tabId, Toast.LENGTH_LONG).show();
                    }
                }
            );       
    }
}

 

演示效果图：

 

第二种方法：没有用到FrameLayout这个布局，而直接用了listview，创建选项卡内容的回调函数creatTabContent（）实现的

第一步：编写main.xml文件，具体代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />

</LinearLayout>

第二步;编写layoutTabActivity.java文件，具体解释都注释在代码里

package cn.edu.zwu.tel;

import java.util.ArrayList;
import java.util.List;
import android.app.TabActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TabHost;

//TabContentFactory的意思是当某一选项卡被选中时生成选项卡的内容.
//如果你的选项卡的内容按某些条件来生成， 请使用该接口.例如：不显示既存的视图而是启动活动.
public class LayoutTab02Activity extends TabActivity implements TabHost.TabContentFactory  {

@Override
  public void onCreate(Bundle savedInstanceState) 
  {
        super.onCreate(savedInstanceState);
        TabHost th = getTabHost();
         //newTabSpecd的作用是获取一个新的 TabHost.TabSpec，并关联到当前 TabHost
//setIndicator的作用是指定标签和图标作为选项卡的指示符.
//setContent的作用是指定用于显示选项卡内容的视图 ID.
        th.addTab(th.newTabSpec("all").setIndicator("所有通话记录").setContent(this));
        th.addTab(th.newTabSpec("ok").setIndicator("已接来电").setContent(this));
        th.addTab(th.newTabSpec("cancel").setIndicator("未接来电").setContent(this));
    }
//创建选项卡内容的回调函数.        
  public View createTabContent(String tag) 
  {
        ListView lv = new ListView(this);
        List<String> list = new ArrayList<String>();
        list.add(tag);
        if(tag.equals("all"))
        {
            list.add("tom");
            list.add("kite");
            list.add("rose");
        }else if(tag.equals("ok"))
        {
            list.add("tom");
            list.add("kite");
        }else
        {
            list.add("rose");
        }
        
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_checked, list);
        lv.setAdapter(adapter);
        return lv;
    }
  }

效果图：