android TabHost 转

转自:

http://androidtoast.iteye.com/blog/1166518

TabHost

     提供 Tab 页的窗口视图容器，它有俩个 children，一组是用户可以选择指定 Tab 页 的标签，另一组是   FrameLayout 用来显示该 Tab 页的内容。个别元素通常控制使用这个 容器对象，而不是设置在子元素本身的值。

    常用方法：addTab(TabHost.TabSpec tabSpec)：添加一项 Tab 页

                   clearAllTabs()：清除所有与之相关联的 Tab 页.

                   getCurrentTab():返回当前 Tab 页.

                   getTabContentView()：返回包含内容的 FrameLayout

                   newTabSpec(String tag)：返回一个与之关联的新的 TabSpec

<?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"
    android:background="@drawable/framebackground">
    <!-- 第一个Tab中得layout -->
    <LinearLayout android:id="@+id/frist_tab_linearlayout"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
        android:orientation="vertical" 
        >
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:layout_marginTop="100dp"
            android:text="@string/love"
            android:textColor="#000000"
            android:textSize="20sp"
        />
        <TextView 
            android:layout_width="220dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:paddingTop="17dp"
            android:text="@string/love_text"
            android:textColor="#000000"
            android:textSize="15sp"
        />
    </LinearLayout>
    <!-- 第二个Tab中得layout -->
    <LinearLayout android:id="@+id/second_tab_linearlayout"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
        android:orientation="vertical" 
        >
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:layout_marginTop="100dp"
            android:text="@string/friendship"
            android:textColor="#000000"
            android:textSize="20sp"
        />
        <TextView 
            android:layout_width="220dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:paddingTop="17dp"
            android:text="@string/friendship_text"
            android:textColor="#000000"
            android:textSize="15sp"
        />
    </LinearLayout>
    <!-- 第三个Tab中得layout -->
    <LinearLayout android:id="@+id/third_tab_linearlayout"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"
        android:orientation="vertical" 
        >
        <TextView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:layout_marginTop="100dp"
            android:text="@string/kinship"
            android:textColor="#000000"
            android:textSize="20sp"
        />
        <TextView 
            android:layout_width="220dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:paddingTop="17dp"
            android:text="@string/kinship_text"
            android:textColor="#000000"
            android:textSize="15sp"
        />
    </LinearLayout>
    
</FrameLayout>

<?xml version="1.0" encoding="utf-8"?>
<menu
  xmlns:android="http://schemas.android.com/apk/res/android">
     <group 
         android:id="@+id/love_group">
             <item 
                 android:id="@+id/love_item" 
                 android:icon="@drawable/aiqing" 
                 android:title="Love">
             </item>
     </group>
</menu>

<?xml version="1.0" encoding="utf-8"?>
<menu
  xmlns:android="http://schemas.android.com/apk/res/android">
     <group 
         android:id="@+id/kinship_group">
             <item 
                 android:id="@+id/kinship_item" 
                 android:icon="@drawable/qinqing" 
                 android:title="KinShip">
             </item>
     </group>
</menu>

<?xml version="1.0" encoding="utf-8"?>
<menu
  xmlns:android="http://schemas.android.com/apk/res/android">
     <group 
         android:id="@+id/friendship_group">
             <item 
                 android:id="@+id/friendship_item" 
                 android:icon="@drawable/youqing" 
                 android:title="FriendShip">
             </item>
     </group>
</menu>

package cnblog.tabhost;

import android.app.TabActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.widget.TabHost;

public class TabHostExampleActivity extends TabActivity {
    
    TabHost mTabHost;
    int mMenuTag=0;
    Menu mMenu;
    static final int mMenuResources[] = { 
          R.layout.love_menu,
          R.layout.friendship_menu, 
          R.layout.kinship_menu
          };
    
    /** Called when the activity is first created. */
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        
        //获取TabHost
        mTabHost=this.getTabHost();
        //过滤出TabHost布局
        LayoutInflater.from(this).inflate(R.layout.main, mTabHost.getTabContentView(), true);
        //为TabHost设置背景颜色
        mTabHost.setBackgroundColor(Color.argb(100, 30, 80, 160));
        
        //增加三个选型卡 并设置其图标及绘制布局
        mTabHost.addTab(mTabHost.newTabSpec("One")
                 .setIndicator("", getResources().getDrawable(R.drawable.aiqing))
                 .setContent(R.id.frist_tab_linearlayout));
        
        mTabHost.addTab(mTabHost.newTabSpec("Two")
                .setIndicator("", getResources().getDrawable(R.drawable.youqing))
                .setContent(R.id.second_tab_linearlayout));
        
        mTabHost.addTab(mTabHost.newTabSpec("Three")
                .setIndicator("", getResources().getDrawable(R.drawable.qinqing))
                .setContent(R.id.third_tab_linearlayout));
        
        //添加监听事件
        mTabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {
            
            @Override
            public void onTabChanged(String tabId) {
                if (tabId.equals("One")) {
                    mMenuTag = 1;
                }
                if (tabId.equals("Two")) {
                    mMenuTag = 2;
                }
                if (tabId.equals("Three")) {
                    mMenuTag = 3;
                }
                if (mMenu != null) {
                    onCreateOptionsMenu(mMenu);
                }
            }
        });
        
        
    }

    //创建对应的菜单项
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        mMenu = menu;
        mMenu.clear();
        
        //获取菜单过滤器
        MenuInflater inflater = getMenuInflater();        
       
        switch (mMenuTag) {
        case 1:
            //动态加入数组中对应的menu.xml
            inflater.inflate(mMenuResources[0], menu);
            break;
        case 2:
            inflater.inflate(mMenuResources[1], menu);
            break;
        case 3:
            inflater.inflate(mMenuResources[2], menu);
            break;
        default:
            inflater.inflate(mMenuResources[0], menu);
            break;
        }
        return super.onCreateOptionsMenu(menu);
    }
}