Android_选项卡

TabHost和FragmentTabHost

TabHost
命名空间：
    android.widget.TabHost
初始化函数（必须在addTab之前调用）：
    setup(); 
包含两个子元素：
    1.Tab标签容器TabWidget（@android:id/tabs）
    2.Tab内容容器FrameLayout（@android:id/tabcontent）

FragmentTabHost
命名空间：
    android.support.v4.app.FragmentTabHost
    android.support.v13.app.FragmentTabHost
初始化函数（必须在addTab之前调用）：
    setup(this, getSupportFragmentManager(), R.id.realtabcontent);
包含三个子元素：
    1.Tab标签 容器TabWidget（@android:id/tabs）
    2.Tab内容 容器FrameLayout [宽高皆为0dp]（@android:id/tabcontent）
    3.Tab内容 容器FrameLayout [真正的容器]（@+id/RealTabContent）

实现Tab功能的几种方式：

 1.（废弃）继承自TabActivity + TabHost 布局 + Activity 内容
   1.1：TabActivity为ActivityGroup[在版本13里被放弃]子类
   1.2：使用getTabHost() 获得TabHost 对象
   1.3：使用 newTabSpec(...).setContent(Intent) 添加Tab标签与内容

 2.（废弃）继承自ActivityGroup + TabHost布局 + Activity 内容
   2.1：ActivityGroup在版本13里被放弃
   2.2：使用findViewById 获得TabHost 对象
   2.3：使用setup(new LocalActivityManager(this, true))初始化
   2.4：使用 newTabSpec(...).setContent(Intent) 添加Tab标签与内容

 3.（简单）继承自FragmentActivity + FragmentTabHost 布局 + Fragment 内容
    3.1：使用findViewById 获得FragmentTabHost 对象
    3.2：使用setup(this, getSupportFragmentManager(), R.id.realtabcontent)初始化
    3.3：使用addTab(newTabSpec().setIndicator(),Fragment.class, null) 添加Tab标签与内容

 4.（复杂）继承自FragmentActivity + TabHost 布局 + ViewPager布局 + Fragment 内容
    4.1：使用findViewById 获得TabHost 对象
    4.2：使用setup()初始化
    4.3：使用TabHost.addTab(tabSpec.setContent(DummyTabFactory));添加Tab标签与空内容
    4.4：在TabHost.onTabChanged中控制ViewPager的实际显示
    4.5：滑动时在ViewPager.onPageSelected 中控制Tab标签的选择。
    PS：当Tab标签数量固定且不追求和系统保持一致的标签效果，的情况下这里的TabHost布局有些多余。
    如 ：特有应用需要的Tab标签固定，且有自己的一套显示效果，那么这里完全无需TabHost布局。

 5.（DIY）继承自FragmentActivity + 自定义布局 + ViewPager布局 + Fragment 内容
    5.1：自定义布局中嵌入固定Tab标签元素
    5.2：在标签元素点击事件中控制ViewPager的实际显示
    5.3：滑动时在ViewPager.onPageSelected 中控制标签元素的选择。

实现步骤（方法三）

在Android中，实现选项卡的一般步骤如下：
(1)在布局文件中添加布局

 <FrameLayout
    android:id="@+id/realtabcontent"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1" />

<android.support.v4.app.FragmentTabHost
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/white" >

    <FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="0" />
</android.support.v4.app.FragmentTabHost>

(2)让activity 继承FragmentActivity然后初始化布局

(3)在Activity中，获取并初始化TabHost组件。

    private void initView() {
        layoutInflater = LayoutInflater.from(this);
        mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
        mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
        //两个按钮之间的分割线
        mTabHost.getTabWidget().setDividerDrawable(null);
        final int count = fragmentArray.length;
        //newsCount = share.getInt(userId + Constant.SP_TOTAL_NEWMESSAGES, 0);
        for (int i = 0; i < count; i++) {
            // 为每一个Tab按钮设置图标、文字和内容
            TabHost.TabSpec tabSpec = mTabHost.newTabSpec(mTextviewArray[i]).setIndicator(getTabItemView(i));
            // 将Tab按钮添加进Tab选项卡中
            mTabHost.addTab(tabSpec, fragmentArray[i], null);
        }
    }

(4)标签布局
    private View getTabItemView(int index) {
        View view = layoutInflater.inflate(R.layout.tab_item_view, null);
        ImageView imageView = (ImageView) view.findViewById(R.id.imageview);
        imageView.setImageResource(mImageViewArray[index]);
        TextView textView = (TextView) view.findViewById(R.id.textview);
        textView.setText(mTextviewArray[index]);
        return view;
    }

实现步骤（方法四，上面步骤已有介绍 这里直接贴出代码）

http://download.csdn.net/detail/qq_27280457/9702927