Android Fragment滑动组件ViewPager的实例详解

Android 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>

 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

来源：http://blog.csdn.net/amoscxy/article/details/52350692