先把佈局放上來比較簡單
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/backgroup" >
<android.support.v4.view.ViewPager
android:id="@+id/vPager"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"
android:paddingBottom="50dip"
android:persistentDrawingCache="animation" />
<ImageView
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:layout_marginTop="-51dp"
android:layout_below="@+id/vPager"
android:alpha="0.1"
android:background="@color/grayl"/>
<RadioGroup
android:id="@+id/rg_main_btns"
android:layout_width="fill_parent"
android:layout_height="50dip"
android:layout_alignParentBottom="true"
android:background="@color/white"
android:gravity="center_vertical"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/mainHomeTab"
style="@style/radioButtonStyle"
android:layout_width="0dp"
android:checked="true"
android:layout_weight="1"
android:layout_height="50dip"
android:text="@string/home"
android:drawableTop="@drawable/navigation_index"
android:textColor="@drawable/navigation_select_text" />
<RadioButton
android:id="@+id/mainNewsTab"
style="@style/radioButtonStyle"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="50dip"
android:button="@null"
android:textColor="@drawable/navigation_select_text"
android:drawableTop="@drawable/navigation_information"
android:text="@string/news" />
<RadioButton
android:id="@+id/mainVideoTab"
style="@style/radioButtonStyle"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="50dip"
android:textColor="@drawable/navigation_select_text"
android:drawableTop="@drawable/navigation_listener"
android:text="@string/video" />
<RadioButton
android:id="@+id/mainRoomTab"
style="@style/radioButtonStyle"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="50dip"
android:textColor="@drawable/navigation_select_text"
android:drawableTop="@drawable/navigation_cloud"
android:text="@string/room" />
<RadioButton
android:id="@+id/mainPersonTab"
style="@style/radioButtonStyle"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="50dip"
android:textColor="@drawable/navigation_select_text"
android:drawableTop="@drawable/navigation_me"
android:text="@string/person" />
</RadioGroup>
</RelativeLayout>viewpager爲內容需要填充的版塊，佈局的顯示是這樣的
接下來就是幾個子的fragment 佈局隨便定 重要的是繼承fragment，就這重要的就是繼承FragmentActivity這個Activity了
下面貼上該Activity的代碼！！！
public class MainActivity extends FragmentActivity implements OnPageChangeListener {
// 四個滑動頁面
private ViewPager mViewPager;
private FragmentPagerAdapter mAdapter;
private List<Fragment> mDatas;
private RadioGroup rg_main_btns;
private RadioButton mainHomeTab;
// 控件
private int mScreen1_4;
/** 當前視圖寬度 **/
private Integer viewPagerW = 0;
private static int width = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//initLine();
initView();
initFragment();
}
/**
* 初始化控件
*/
private void initView() {
rg_main_btns=(RadioGroup) findViewById(R.id.rg_main_btns);
mainHomeTab=(RadioButton) findViewById(R.id.mainHomeTab);
mViewPager = (ViewPager) findViewById(R.id.vPager);
mDatas = new ArrayList<Fragment>();
rg_main_btns.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup arg0, int checkedId) {
// TODO Auto-generated method stub
switch (checkedId) {
case R.id.mainHomeTab:
mViewPager.setCurrentItem(0);
break;
case R.id.mainNewsTab:
mViewPager.setCurrentItem(1);
break;
case R.id.mainRoomTab:
mViewPager.setCurrentItem(2);
break;
case R.id.mainVideoTab:
mViewPager.setCurrentItem(3);
break;
case R.id.mainPersonTab:
mViewPager.setCurrentItem(4);
break;
default:
break;
}
}
});
}
/**
* 初始化fragment
*/
private void initFragment() {
PageFirstActivity mSDF = new PageFirstActivity();
PageNewsActivity mCPF = new PageNewsActivity();
PageVideoActivity mSSF = new PageVideoActivity();
PageRoomActivity mPPF = new PageRoomActivity();
MeActivity tt = new MeActivity();
mDatas.add(mSDF);
mDatas.add(mCPF);
mDatas.add(mSSF);
mDatas.add(mPPF);
mDatas.add(tt);
mAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
@Override
public int getCount() {
return mDatas == null ? 0 : mDatas.size();
}
@Override
public Fragment getItem(int position) {
return mDatas.get(position);
}
};
mViewPager.setAdapter(mAdapter);
mViewPager.setCurrentItem(0);
}
@Override
public void onPageScrollStateChanged(int position) {
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
/**
* 獲取屏幕寬度
*
* @param context
* @return
*/
public static int getScreenWidth(Context context) {
if (width == 0) {
WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
Display display = manager.getDefaultDisplay();
width = display.getWidth();
}
return width;
}
@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
}
}實現這個效果就是定義一個List<Fragment> 然後向裏面加Fragment再填充FragmentPagerAdapter，viewpager setAdpater基本就ok了
通過viewpager的setCurrentItem()選取就ok了
個人小結，有錯誤請指出謝謝！！！