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);

    }

}