浅谈ViewPager+Fragment的使用和理解

                   

首先看下效果图:

             

                             

                                                            

 我们平时在使用手机的时候，比如用QQ，微信等软件的时候经常会看到这样的如上图一样· 点击可以切换页面·左右滑动也可以切换页面。感觉很高大上，今天呢就跟大家分享一下关于这个是怎么实现的。

首先第一点大家要记住，如果要使用Viewpager的话一定要导入:import android.support.v4.view.ViewPager。这个包，必须是v4包下的 ，千万不能导错，然后我们就先创建布局:布局如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >


    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

创建好Viewpager的布局之后，我们今天说的是ViewPager+Fragment的组合使用，那么就得在布局底部加上几个RadioButton:

<RadioGroup
        android:id="@+id/rg"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal" >


        <RadioButton
            android:id="@+id/rb1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"
            android:gravity="center"
            android:background="@drawable/rg_selector"
            android:text="我的界面" />
        <RadioButton
            android:id="@+id/rb2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"
            android:gravity="center"
            android:background="@drawable/rg_selector"
            android:text="新闻界面" />
    </RadioGroup>

创建好布局之后，接下来就该进入到代码实现的功能了:

import java.util.ArrayList;
import java.util.List;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;


import com.bwei.fragmentViewPager.fragment.FragmentBBY;
import com.bwei.fragmentViewPager.fragment.FragmentLL;
import com.bwei.fragmentViewPager.fragment.FragmentW;
import com.bwei.fragmentViewPager.fragment.FragmentYYL;


public class MainActivity extends FragmentActivity {


ViewPager vp;
List<Fragment> list;
RadioGroup rg;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

/*
* 1：实例化控件  2：初始化数据  3：创建适配器   4：绑定
*/
vp = (ViewPager) findViewById(R.id.vp);
// 初始化数据源
initData();
// 设置适配器
MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getSupportFragmentManager());
vp.setAdapter(adapter);// 添加适配器
// 关联
vp.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int arg0) {

switch (arg0) {
case 0:
rg.check(R.id.rb1);
break;
case 1:
rg.check(R.id.rb2);
break;
case 2:
rg.check(R.id.rb3);
break;
case 3:
rg.check(R.id.rb4);
break;


default:
break;
}