Tab與TabHost
這就是Tab,而盛放Tab的容器就是TabHost
如何實作??
每一個Tab還對應了一個布局,這個就有點好玩了。一個Activity,對應了多個功能布局。
①建立一個Tab項目,注意,不要生成main Activity
這裡不要選
②在包裡面建立一個類MyTab,繼承于TabActivity
其實,TabActivity是Activity的子類
- package zyf.tab.test;
- import android.app.TabActivity;
- public class MyTab extends TabActivity {
- }
複制代碼 ③從父類繼承OnCreate()入口方法
- package zyf.tab.test;
- import android.app.TabActivity;
- import android.os.Bundle;
- public class MyTab extends TabActivity {
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- // TODO Auto-generated method stub
- super.onCreate(savedInstanceState);
- }
- }
複制代碼 ④在Manifest.xml檔案中注冊一下MyTab類(Activity)
- <activity android:name=".MyTab">
- <intent-filter>
- <action android:name="android.intent.action.MAIN"></action>
- <category android:name="android.intent.category.LAUNCHER"></category>
- </intent-filter>
- </activity>
複制代碼 ⑤這時候,需要設計一下标簽頁對應的布局,一般采用FrameLayout作為根布局,每個标簽頁面對應一個子節點的Layout
- <?xml version="1.0" encoding="utf-8"?>
- <!-- 這裡是根節點布局 -- >
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent" android:layout_height="fill_parent">
- <!-- 第一個Tab 對應的布局 -- >
- <LinearLayout android:id="@+id/widget_layout_Blue"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- androidrientation="vertical" >
- <EditText android:id="@+id/widget34" android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:text="EditText"
- android:textSize="18sp">
- </EditText>
- <Button android:id="@+id/widget30" android:layout_width="wrap_content"
- android:layout_height="wrap_content" android:text="Button">
- </Button>
- </LinearLayout>
- <!-- 第二個Tab 對應的布局 -- >
- <LinearLayout android:id="@+id/widget_layout_red"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- androidrientation="vertical" >
- <AnalogClock android:id="@+id/widget36"
- android:layout_width="wrap_content" android:layout_height="wrap_content">
- </AnalogClock>
- </LinearLayout>
- <!-- 第三個Tab 對應的布局 -- >
- <LinearLayout android:id="@+id/widget_layout_green"
- android:layout_width="fill_parent" android:layout_height="fill_parent"
- androidrientation="vertical">
- <RadioGroup android:id="@+id/widget43"
- android:layout_width="166px" android:layout_height="98px"
- androidrientation="vertical">
- <RadioButton android:id="@+id/widget44"
- android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:text="RadioButton">
- </RadioButton>
- <RadioButton android:id="@+id/widget45"
- android:layout_width="wrap_content" android:layout_height="wrap_content"
- android:text="RadioButton">
- </RadioButton>
- </RadioGroup>
- </LinearLayout>
- </FrameLayout>
複制代碼 ⑥首先,應該聲明TabHost,然後用LayoutInflater過濾出布局來,給TabHost加上含有Tab頁面的FrameLayout
- private TabHost myTabhost;
- myTabhost=this.getTabHost();//從TabActivity上面擷取放置Tab的TabHost
- LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);
- //from(this)從這個TabActivity擷取LayoutInflater
- //R.layout.main 存放Tab布局
- //通過TabHost獲得存放Tab标簽頁内容的FrameLayout
- //是否将inflate 拴系到根布局元素上
- myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));
- //設定一下TabHost的顔色
複制代碼 ⑦接着,在TabHost建立一個标簽,然後設定一下标題/圖示/标簽頁布局
- myTabhost
- .addTab(myTabhost.newTabSpec("TT")// 制造一個新的标簽TT
- .setIndicator("KK",
- getResources().getDrawable(R.drawable.ajjc))
- // 設定一下顯示的标題為KK,設定一下标簽圖示為ajjc
- .setContent(R.id.widget_layout_red));
- //設定一下該标簽頁的布局内容為R.id.widget_layout_red,這是FrameLayout中的一個子Layout
複制代碼 ⑧标簽切換事件處理,setOnTabChangedListener
- myTabhost.setOnTabChangedListener(new OnTabChangeListener(){
- @Override
- public void onTabChanged(String tabId) {
- // TODO Auto-generated method stub
- }
- });
複制代碼 ⑨各個标簽頁的動态MENU
先把在XML中設計好的MENU放到一個int數組裡
- private static final int myMenuResources[] = { R.menu.phonebook_menu,
- R.menu.addphone_menu, R.menu.chatting_menu, R.menu.userapp_menu };
複制代碼 在setOnTabChangedListener()方法中根據标簽的切換情況來設定myMenuSettingTag
- @Override
- public void onTabChanged(String tagString) {
- // TODO Auto-generated method stub
- if (tagString.equals("One")) {
- myMenuSettingTag = 1;
- }
- if (tagString.equals("Two")) {
- myMenuSettingTag = 2;
- }
- if (tagString.equals("Three")) {
- myMenuSettingTag = 3;
- }
- if (tagString.equals("Four")) {
- myMenuSettingTag = 4;
- }
- if (myMenu != null) {
- onCreateOptionsMenu(myMenu);
- }
- }
複制代碼 然後onCreateOptionsMenu(Menu menu) 方法中通過MenuInflater過濾器動态加入MENU
- @Override
- public boolean onCreateOptionsMenu(Menu menu) {
- // TODO Auto-generated method stub
- // Hold on to this
- myMenu = menu;
- myMenu.clear();//清空MENU菜單
- // Inflate the currently selected menu XML resource.
- MenuInflater inflater = getMenuInflater();
- //從TabActivity這裡擷取一個MENU過濾器
- switch (myMenuSettingTag) {
- case 1:
- inflater.inflate(myMenuResources[0], menu);
- //動态加入數組中對應的XML MENU菜單
- break;
- case 2:
- inflater.inflate(myMenuResources[1], menu);
- break;
- case 3:
- inflater.inflate(myMenuResources[2], menu);
- break;
- case 4:
- inflater.inflate(myMenuResources[3], menu);
- break;
- default:
- break;
- }
- return super.onCreateOptionsMenu(menu);
- }