ViewPager笔记

2017-04-15 本文已影响193人 NickelFox

参考
ViewPager
Creating Swipe Views with Tabs
Using ViewPager for Screen Slides
ViewPager使用详解(一):PagerAdapter

一. 简介

官方介绍

Layout manager that allows the user to flip left and right through pages of data. You supply an implementation of a PagerAdapter to generate the pages that the view shows.
ViewPager是一个让用户可以向左或者向右滑动来浏览视图的LayoutManager，通过PagerAdapter来提供用来显示的数据（页面）。

用法

搭配普通View使用
搭配Fragment使用

二. 三种Adapter

PagerAdapter
1.1 官方介绍

Base class providing the adapter to populate pages inside of a ViewPager. You will most likely want to use a more specific implementation of this, such as FragmentPagerAdapter
or FragmentStatePagerAdapter.
ViewPager的基础适配器，通常建议使用FragmentPagerAdapter和FragmentStatePagerAdapter.

1.2 使用方法

新建Class继承自PagerAdapter，至少实现以下四个方法：

instantiateItem(ViewGroup, int)
destroyItem(ViewGroup, int, Object)
getCount()
isViewFromObject(View, Object)

在对应方法里实现想要的逻辑

1.3 Adapter方法介绍

/**
      * 获取View的总数
      *
      * @return View总数
      */
      @Override
      public int getCount() {
          return 0;
      }

 /**
       * 当ViewPager的内容有所变化时,进行调用。
       *
       * @param container ViewPager本身
       */
      @Override
      public void startUpdate(ViewGroup container) {
          super.startUpdate(container);
      }

/**
       * 为给定的位置创建相应的View。创建View之后,需要在该方法中自行添加到container中。
       *
       * @param container ViewPager本身
       * @param position  给定的位置
       * @return 提交给ViewPager进行保存的实例对象
       */
      @Override
      public Object instantiateItem(ViewGroup container, int position) {
          return super.instantiateItem(container, position);
      }

/**
       * 为给定的位置移除相应的View。
       *
       * @param container ViewPager本身
       * @param position  给定的位置
       * @param object    在instantiateItem中提交给ViewPager进行保存的实例对象
       */
      @Override
      public void destroyItem(ViewGroup container, int position, Object object) {
          super.destroyItem(container, position, object);
      }

/**
       * ViewPager调用该方法来通知PageAdapter当前ViewPager显示的主要项,提供给用户对主要项进行操作的方法。
       *
       * @param container ViewPager本身
       * @param position  给定的位置
       * @param object    在instantiateItem中提交给ViewPager进行保存的实例对象
       */
      @Override
      public void setPrimaryItem(ViewGroup container, int position, Object object) {
          super.setPrimaryItem(container, position, object);
      }

/**
       * 当ViewPager的内容变化结束时,进行调用。当该方法被调用时,必须确定所有的操作已经结束。
       *
       * @param container ViewPager本身
       */
      @Override
      public void finishUpdate(ViewGroup container) {
          super.finishUpdate(container);
      }

/**
       * 确认View与实例对象是否相互对应。ViewPager内部用于获取View对应的ItemInfo。
       *
       * @param view   ViewPager显示的View内容
       * @param object 在instantiateItem中提交给ViewPager进行保存的实例对象
       * @return 是否相互对应
       */
      @Override
      public boolean isViewFromObject(View view, Object object) {
          return false;
      }

/**
       * 保存与PagerAdapter关联的任何实例状态。
       *
       * @return PagerAdapter保存状态
       */
      @Override
      public Parcelable saveState() {
          return super.saveState();
      }

/**
       * 恢复与PagerAdapter关联的任何实例状态。
       *
       * @param state  PagerAdapter保存状态
       * @param loader 用于实例化还原对象的类加载器
       */
      @Override
      public void restoreState(Parcelable state, ClassLoader loader) {
          super.restoreState(state, loader);
      }

/**
       * 当ViewPager试图确定某个项的位置是否已更改时调用。默认有两个可选项:POSITION_UNCHANGED和POSITION_NONE。
       * POSITION_UNCHANGED:给定项的位置未变更
       * POSITION_NONE:给定项不再用于PagerAdapter中
       * 其他值:可以根据具体的情况进行调整
       *
       * @param object 在instantiateItem中提交给ViewPager进行保存的实例对象
       * @return
       */
      @Override
      public int getItemPosition(Object object) {
          return super.getItemPosition(object);
      }

/**
       * 新增方法,目前较多用于Design库中的TabLayout与ViewPager进行绑定时,提供显示的标题。
       *
       * @param position 给定的位置
       * @return 显示的标题
       */
      @Override
      public CharSequence getPageTitle(int position) {
          return super.getPageTitle(position);
      }

/**
       * 获取给定位置的View的显示宽度比例,该比例是相对于ViewPager。
       *
       * @param position 给定的位置
       * @return View显示的宽度比例
       */
      @Override
      public float getPageWidth(int position) {
          return super.getPageWidth(position);
      }

1.4 用途：

引导页（不搭配TabLayout）

FragmentPagerAdapter
2.1 官方介绍

FragmentStatePagerAdapter

三. 使用步骤

普通ViewPager（使用PagerAdapter的ViewPager）
1.1 xml使用布局

<android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        android:background="@color/colorPrimary"/>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager_simple"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

1.2 新建适配器PagerAdapter

/**
 * Created by Administrator on 2017/4/14.
 */
public class SimplePagerAdapter extends PagerAdapter {

    private Context mContext;
    private List<View> mViewList;
    private final String TAG = getClass().getSimpleName();
    private String[] pagerTitiles = {"Page1","page2"};
    
    public SimplePagerAdapter(Context context, List<View> viewList) {
        mContext = context;
        mViewList = viewList;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        container.addView(mViewList.get(position));
        Log.i(TAG, "instantiateItem: ");
        return mViewList.get(position);
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(mViewList.get(position));
        Log.i(TAG, "destroyItem: ");
    }

    @Override
    public int getCount() {
        Log.i(TAG, "getCount: ");
        return mViewList.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        Log.i(TAG, "isViewFromObject: ");
        return view == object;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return pagerTitiles[position];
    }
}

1.3 实例化ViewPager，设置适配器

mViewPager = (ViewPager) mRootView.findViewById(R.id.viewpager_simple);
        View view1 = inflater.inflate(R.layout.layout_simple_pager1,null);
        View view2 = inflater.inflate(R.layout.layout_simple_pager2,null);
        List<View> viewList = new ArrayList<>();
        viewList.add(view1);
        viewList.add(view2);
        mSimplePagerAdapter = new SimplePagerAdapter(getContext(),viewList);
        mViewPager.setAdapter(mSimplePagerAdapter);

1.4 实例化TabLayout，并setWithViewPager

mTabLayout = (TabLayout) mRootView.findViewById(R.id.tab_layout);
mTabLayout.setupWithViewPager(mViewPager);

使用FragmentPagerAdapter的ViewPager
2.1 xml

四. 注意

因为ViewPager是在support.v4包里面，因此使用前需要向build.gradle添加

compile 'com.android.support:support-v4:25.2.0'

ViewPager原本自带两个子控件PagerTitleStrip和PagerTabStrip，但是MD出来之后这个就不怎么用了，想要了解可参看PagerTitleStrip和PagerTabStrip

五. TabLayout详解（点击进入）

六. ViewPager和Fragment搭配的时候数据动态刷新的问题

当ViewPager和Fragment搭配使用的时候，当改变fragment数据之后，由于ViewPager机制，若视图没有销毁则数据不会动态刷新，那么此时我们就需要使用FragmentStatePagerAdapter，该Adapter与FragmentPagerAdapter的区别就是该Adapter在某个fragment不需要的时候就会立即销毁其视图（实测要销毁还是要重写getItemPosition方法）。所以，当需要立即更新视图的时候操作如下：

使用FragmentStatePagerAdapter
重写getItemPosition

@Override
public int getItemPosition(Object object) {
    return PagerAdapter.POSITION_NONE;
}

刷新数据并notifyDataSetChanged

ViewPager笔记

一. 简介

二. 三种Adapter

三. 使用步骤

四. 注意

五. TabLayout详解（点击进入）

六. ViewPager和Fragment搭配的时候数据动态刷新的问题

猜你喜欢

热点阅读