使用Fragment实现的滑动组件ViewPager

1适配器FragmentPagerAdapter的实现

对于FragmentPagerAdapter的派生类，只需要重写getItem(int)和getCount()就可以了。

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    private List<Fragment> list;  
    public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {  
        super(fm);  
        this.list = list;
    }
    //返回了当前要滑动的View的个数  
    @Override  
    public int getCount() {  
        return list.size();  
    }  
    //在getItem(int arg0)中，根据传来的参数arg0，来返回当前要显示的fragment
    @Override  
    public Fragment getItem(int arg0) {  
        return list.get(arg0);  
    }
}

2两个Fragment类

OrderFragment.java

public class OrderFragment extends Fragment {
    //在onCreateView()中返回要显示的View
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        View view= inflater.inflate(R.layout.fragment_order, container, false);
        //View中控件的操作方法
        refresh = view.findViewById(R.id.order_count_refresh);
        refresh.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                //操作逻辑
                countStatus();
            }
        });
        return view;
    }
}

fragment_order.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    android:orientation="vertical" >

    <Button android:id="@+id/fragment1_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="show toast"
        />
</LinearLayout>

MeFragment.java

public class MeFragment extends Fragment {
    //在onCreateView()中返回要显示的View
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        View view= inflater.inflate(R.layout.fragment_me, container, false);
        //View中控件的操作方法
        login = view.findViewById(R.id.me_login);
        login.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MeFragment.this.getActivity(),
                        LoginActivity.class));
            }
        });
        return view;
    }
}

fragment_me.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffff00"
    android:orientation="vertical" >


</LinearLayout>

3主activity实现

public class MainActivity extends FragmentActivity {
    private ViewPager mPager;
    private List<Fragment> fragmentList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mPager = (ViewPager) findViewById(R.id.viewpager);
        //初始化fragment
        List<Fragment> fragmentList=new ArrayList<Fragment>();
        fragmentList.add(new OrderFragment());
        fragmentList.add(new MeFragment());
        FragAdapter adapter = new FragAdapter(getSupportFragmentManager(), fragments);

        //给ViewPager设置适配器
        mPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), fragmentList));
        mPager.setCurrentItem(0);// 设置当前显示标签页为第一页
        //MyOnPageChangeListener()是页面变化监听器
        mPager.setOnPageChangeListener(new MyOnPageChangeListener());
        radioGroup = (RadioGroup) findViewById(R.id.main_tab);
        //给radioGroup设置监听器
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                if(checkedId == R.id.tab_me){
                    mPager.setCurrentItem(INDEX_ME);
                }else if(checkedId == R.id.tab_shoujian){
                    mPager.setCurrentItem(INDEX_SHOUJIAN);
                }
            }
        });
    }
    //实现页面变化监听器OnPageChangeListener
    public class MyOnPageChangeListener implements OnPageChangeListener {
        @Override
        //当页面在滑动的时候会调用此方法，在滑动被停止之前，此方法会一直得到调用。
        /** 
           * arg0:当前页面，及你点击滑动的页面
           * arg1:当前页面偏移的百分比
           *arg2:当前页面偏移的像素位置
           */
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            // TODO Auto-generated method stub
        }

        @Override 
        //当页面状态改变的时候调用
          /** 
           * arg0 
           *  1:表示正在滑动 
           *  2:表示滑动完毕 
           *  0:表示什么都没做，就是停在那 
           */  
        public void onPageScrollStateChanged(int arg0) {
            // TODO Auto-generated method stub
        }

        @Override
        //页面跳转完后调用此方法
        /** 
         * arg0是页面跳转完后得到的页面的Position（位置编号）。   
         */  
        public void onPageSelected(int arg0) {
            // TODO Auto-generated method stub
            switch (arg0) {
            case INDEX_ME:
                radioGroup.check(R.id.tab_me);
                break;
            case INDEX_SHOUJIAN:
                radioGroup.check(R.id.tab_shoujian);
                break;
            }
        }
    }

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>  
  <RelativeLayout  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">  

  <android.support.v4.view.ViewPager  
        android:id="@+id/viewpager"
        android:layout_alignParentTop="true"
        android:layout_width="fill_parent"  
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:layout_marginBottom="60dip"
        android:flipInterval="30"  
        android:persistentDrawingCache="animation"/> 

    <RadioGroup  
        android:id="@+id/main_tab"  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"
        android:layout_alignParentBottom="true"
        android:layout_height="60dip">  

        <RadioButton
            style="@style/main_tab"
            android:id="@+id/tab_shoujian" 
            <!--图片在文字的上面-->
            android:drawableTop="@drawable/tab_shoujian_selector"
            android:layout_height="match_parent"
            android:checked="true" 
            android:text="****" /> 
        <RadioButton
            style="@style/main_tab" 
            android:id="@+id/tab_me"      
            android:drawableTop="@drawable/tab_me_selector"
            android:layout_height="match_parent"  
            android:text="*" />  
    </RadioGroup>  
</RelativeLayout>