快捷導(dǎo)航

Android Fragment滑動組件ViewPager的實(shí)例詳解

更新時間：2017年05月18日 12:01:35 作者：amoscxy

這篇文章主要介紹了Android Fragment滑動組件ViewPager的實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下

Android Fragment滑動組件ViewPager的實(shí)例詳解

1適配器FragmentPagerAdapter的實(shí)現(xiàn)

對于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;
  }
  //返回了當(dāng)前要滑動的View的個數(shù) 
  @Override 
  public int getCount() { 
    return list.size(); 
  } 
  //在getItem(int arg0)中，根據(jù)傳來的參數(shù)arg0，來返回當(dāng)前要顯示的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實(shí)現(xiàn)

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設(shè)置適配器
    mPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), fragmentList));
    mPager.setCurrentItem(0);// 設(shè)置當(dāng)前顯示標(biāo)簽頁為第一頁
    //MyOnPageChangeListener()是頁面變化監(jiān)聽器
    mPager.setOnPageChangeListener(new MyOnPageChangeListener());
    radioGroup = (RadioGroup) findViewById(R.id.main_tab);
    //給radioGroup設(shè)置監(jiān)聽器
    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);
        }
      }
    });
  }
  //實(shí)現(xiàn)頁面變化監(jiān)聽器OnPageChangeListener
  public class MyOnPageChangeListener implements OnPageChangeListener {
    @Override
    //當(dāng)頁面在滑動的時候會調(diào)用此方法，在滑動被停止之前，此方法會一直得到調(diào)用。
    /** 
      * arg0:當(dāng)前頁面，及你點(diǎn)擊滑動的頁面
      * arg1:當(dāng)前頁面偏移的百分比
      *arg2:當(dāng)前頁面偏移的像素位置
      */
    public void onPageScrolled(int arg0, float arg1, int arg2) {
      // TODO Auto-generated method stub
    }

    @Override 
    //當(dāng)頁面狀態(tài)改變的時候調(diào)用
     /** 
      * arg0 
      * 1:表示正在滑動 
      * 2:表示滑動完畢 
      * 0:表示什么都沒做，就是停在那 
      */ 
    public void onPageScrollStateChanged(int arg0) {
      // TODO Auto-generated method stub
    }

    @Override
    //頁面跳轉(zhuǎn)完后調(diào)用此方法
    /** 
     * arg0是頁面跳轉(zhuǎn)完后得到的頁面的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>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章: