android4平台用FragmentActivity代替TabActivity实现分页功能

最近在想在android4上实现分页效果，但是发现TabActivity已经被弃用了，在网上查到可以用FragmentActivity来替换TabActivity来实现该功能，下面是我写的一份代码：

第一步：向工程中导入android-support-v4.jar包，步骤可参考http://www.cnblogs.com/ada-zheng/archive/2013/08/02/3231944.html

第二步：在res下新建一个drawable文件夹，存放的xml文件用于实现选择Tab选中与否时显示的图片效果，呃。。。，这样说确实蛮难懂的，其实就是<selector></selector>选项，下面是代码：（此处只贴一个）

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/file_sel_48" android:state_selected="true"></item>
    <item android:drawable="@drawable/file_nor_48"></item>
</selector>

第三步：主界面activity_main_tab.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <FrameLayout
        android:id="@+id/realTabContent" 
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1" >
    </FrameLayout>
    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/maintab_toolbar_bg" >
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="0" >
        </FrameLayout>
    </android.support.v4.app.FragmentTabHost>
</LinearLayout>

每个Tab的布局文件tab_item_view.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/picImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/hello_world"
        android:focusable="false"
        android:padding="3dp"
        android:src="@drawable/tab_planestate_btn" />
    <TextView
        android:id="@+id/planeStateTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="State"
        android:textColor="#ffffff"
        android:textSize="12sp" />
</LinearLayout>

第四步：新建四个类，都继承Fragment类（此处只贴一个）

package com.example.testfortaskui_01;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;




public class FileFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.file_fragment, null);
}
}

第五步：主界面

MainTabActivity：

package com.example.testfortaskui_01;


import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;


public class MainTabActivity extends FragmentActivity {
// 声明一个FragmentTabHost对象
private FragmentTabHost mTabHost;
// 定义一个布局
private LayoutInflater layoutInflater;
// 定义数组来存放Fragment界面
private Class fragmentArray[] = { PlaneStateFragment.class,
ParameterFragment.class, FileFragment.class, SettingFragment.class };
// 定义数组来存放按钮图片
private int mImageViewArray[] = { R.drawable.tab_planestate_btn,
R.drawable.tab_parameters_btn, R.drawable.tab_file_btn,
R.drawable.tab_setting_btn };
// Tab选项卡的文字
private String mTextViewArray[] = { "State", "Parameter", "File", "Setting" };


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main_tab);
initView();
}


/**
 * 初始化组件
 */
private void initView() {
// 实例化布局对象
layoutInflater = LayoutInflater.from(this);
// 实例化TabHost对象，得到TanHost
mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
mTabHost.setup(this, getSupportFragmentManager(), R.id.realTabContent);
// 得到Fragment的个数
int count = fragmentArray.length;


for (int i = 0; i < count; i++) {
// 为每个Tab按钮设置图标、文字和内容
TabSpec tabSpec = mTabHost.newTabSpec(mTextViewArray[i])
.setIndicator(getTabItemView(i));
// 将Tab按钮添加进Tab选项卡
mTabHost.addTab(tabSpec, fragmentArray[i], null);
// 设置Tab按钮的背景
mTabHost.getTabWidget().getChildAt(i)
.setBackgroundResource(R.drawable.selector_tab_background);
}
}


/**
 * 给Tab按钮设置图标和文字
 * 
 * @param index
 * @return
 */
private View getTabItemView(int index) {
View view = layoutInflater.inflate(R.layout.tab_item_view, null);
ImageView imageView = (ImageView) view.findViewById(R.id.picImageView);
imageView.setImageResource(mImageViewArray[index]);


TextView textView = (TextView) view
.findViewById(R.id.planeStateTextView);
textView.setText(mTextViewArray[index]);


return view;
}
}

效果：

源代码下载地址：http://download.csdn.net/detail/dengfengdeling/7832341

参考代码:http://download.csdn.net/detail/yangyu20121224/5511157

上述图片使用的是参考代码中的图片！！！

注意：1、一定要导入android-support-v4.jar包

   2、在写各个界面的Fragment界面时注意，继承Fragment后import的 是import android.support.v4.app.Fragment;，而不是import android.app.Fragment;，导入后者会报错