android使用者介面-組件Widget-選項卡Tab

使用Tab的步驟：
1、在布局檔案中使用FrameLayout列出Tab組件及Tab中的內容組件。

2、Activity要繼承TabActivity。

3、調用TabActivity的getTabHost()方法獲得TabHost對象。

4、通過TabHost建立Tab選項。

 

/Chapter04_UI_Tab01/src/com/amaker/test/MainActivity.java

代碼

package com.amaker.test;

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

public class MainActivity extends TabActivity {
    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

/* requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);*/

        TabHost th = getTabHost();

        LayoutInflater.from(this).inflate(R.layout.main, th.getTabContentView(), true);

        th.addTab(th.newTabSpec("all").setIndicator("所有通話記錄").setContent(R.id.TextView01));
        th.addTab(th.newTabSpec("ok").setIndicator("已接來電").setContent(R.id.TextView02));
        th.addTab(th.newTabSpec("cancel").setIndicator("未接來電").setContent(R.id.TextView03));


        th.setOnTabChangedListener(
new OnTabChangeListener() {
                    @Override
public void onTabChanged(String tabId) {
                        Toast.makeText(MainActivity.this, tabId, Toast.LENGTH_LONG).show();
                    }
                }
        );



    }
}

 

/Chapter04_UI_Tab01/res/layout/main.xml

代碼

<?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>

 

 

 

通過實現一個介面TabHost.TabContentFactory的createTabContent方法來制定Tab的內容

/Chapter04_UI_Tab02/src/com/amaker/test/MainActivity.java

代碼

package com.amaker.test;

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;

public class MainActivity extends TabActivity implements
        TabHost.TabContentFactory {
/** Called when the activity is first created. */
    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        TabHost th = getTabHost();
        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 adapter = new ArrayAdapter(this,
                android.R.layout.simple_list_item_checked, list);
        lv.setAdapter(adapter);
return lv;
    }
}

 

/Chapter04_UI_Tab02/res/layout/main.xml

代碼

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