AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

ViewPager实现Recycle机制和响应notifyDataSetChanged

2017-01-10 1127
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 1.目标主界面要求水平移动翻页效果，每次只能翻一页，可以翻无数页。2.实现思路针对“每次只能翻一页”这个要求，简单使用SDK的话只有用ViewPager。

1.目标

主界面要求水平移动翻页效果，每次只能翻一页，可以翻无数页。

2.实现思路

针对“每次只能翻一页”这个要求，简单使用SDK的话只有用ViewPager。ViewPager的PageAdapter是没有实现RecyclerView的ViewHolder.itemView回收机制的。即使是子类FragmentStatePagerAdapter，也只是保存状态后销毁Fragment，Fragment本身是在不断地创建和销毁，没有重复利用。

正确地使用PageAdapter，必须先理解Object instantiateItem (ViewGroup container, int position)函数中返回的Object的意义。如果View能重复利用，则表明它仅用于展示数据，没有业务逻辑。数据的部分，我们通常用Model表示。instantiateItem函数的返回值Object，正是要求返回在position位置的Model数据对象，与实现这个函数时创建的View形成映射关系。

3.自定义PageAdapter

直接在代码注释中讲解：

// 转载请注明出处：http://blog.csdn.net/hursing
private class ViewPageAdapter extends PagerAdapter {
  // 用List保存本来要销毁的View，需要的时候再取出来
  private List<ItemView> mViewRecycler = new LinkedList<>();
  // 用Map保存Model Object（这里是OnePiece）和View的映射关系
  private Map<OnePiece, ItemView> mOnePieceItemViewMap = new HashMap<>();

  @Override
  public int getCount() {
    // Model保存着OnePiece的对象数组
    return mPieceModel.pieces.size();
  }

  @Override
  public boolean isViewFromObject(View view, Object object) {
    // 如果不需要回收利用View，都是用`return view == object`实现的，
    // 与此对应`instantiateItem()`返回View，
    // `destroyItem()`要销毁View。
    OnePiece onePiece = (OnePiece) object;
    return view == mOnePieceItemViewMap.get(onePiece);
  }

  @Override
  public Object instantiateItem (ViewGroup container, int position) {
    ItemView itemView;
    // 这个if else是实现回收利用的关键处之一。如果有缓存则取缓存，
    // 没有则创建对象
    if (mViewRecycler.size() > 0) {
      itemView = mViewRecycler.remove(0);
    } else {
      itemView = (ItemView) LayoutInflater.from(MainActivity.this)
              .inflate(R.layout.item_view, container, false);
    }
    // container实际是ViewPager对象。从这个函数的实现看，
    // ViewPager并不知道对它add的View是做什么用的，所以
    // 需要`isViewFromObject()`函数来询问这个View是否有
    // 意义（是ItemView），如果是，后面会对它做正确layout
    container.addView(itemView);

    OnePiece onePiece = mPieceModel.pieces.get(position);
    // 这里是itemView根据Model object来重新设置界面元素的时机。
    itemView.setOnePiece(onePiece);
    mOnePieceItemViewMap.put(onePiece, itemView);

    // 如果不需要回收利用View，这里的实现是`return itemView`。
    // 要回收，就要建立Model object和View的映射关系，因此
    // 这里返回Model object
    return onePiece;
  }

  @Override
  public void destroyItem (ViewGroup container, int position, Object object) {
    OnePiece onePiece = (OnePiece) object;
    ItemView itemView = mOnePieceItemViewMap.remove(onePiece);
    // 必须自行remove itemView
    container.removeView(itemView);
    // itemView要被回收放入缓存了，这里提供一个时机做清理。
    itemView.reset();
    // 实现回收的关键处，把itemView保存到List里。而不是任由GC销毁。
    mViewRecycler.add(itemView);
  }

  // 必须重写此函数。super固定地`return POSITION_UNCHANGED`，
  // 这就会导致`notifyDataSetChanged()`没有效果，因为它的意义
  // 是说这个Model object的位置没变化，自然不需要刷新。
  @Override
  public int getItemPosition(Object object) {
    OnePiece onePiece = (OnePiece) object;
    if (mPieceModel.pieces.contains(onePiece)) {
      return mPieceModel.pieces.indexOf(onePiece);
    } else {
      // 返回POSITION_NONE说明这个model object已经被废弃了，
      // 接下来就会由`destroyItem()`回调来销毁它对应的View。
      return POSITION_NONE;
    }
  }
}

4.完整代码

代码放在 https://github.com/hursing/ViewPagerDemo

界面结构：5个按钮，分别是增、删、重置Model object。下面是ViewPager，按完按钮滚动区域会有变化。每一页有三个TextView，其中最上面的是显示ItemView本身的引用信息，留意它的引用地址（如截图中的12f46ad2），会发现最多创建4个ItemView（缓存了左、右、当前，还有一个预备），再怎么滑都会重复利用。

截图：
截图

下面是贴些代码，可不看了：

OnePiece.java

public class OnePiece {
  public char letter;
  public int number;

  public OnePiece(char letter, int number) {
    this.letter = letter;
    this.number = number;
  }
}

item_view.xml

<com.example.liuhx.viewpagerdemo.ItemView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ccc"
    android:orientation="vertical"
    android:paddingTop="40dp"
    android:paddingBottom="40dp"
    android:paddingLeft="20dp"
    android:paddingRight="20dp">

    <TextView
        android:id="@+id/this_info"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="reference info" />

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="sample1" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="sample2" />

</com.example.liuhx.viewpagerdemo.ItemView>

ItemView.java

public class ItemView extends LinearLayout {
  private TextView mTextView1;
  private TextView mTextView2;

  private OnePiece mOnePiece;

  public ItemView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public void setOnePiece(OnePiece onePiece) {
    mOnePiece = onePiece;
    mTextView1.setText(String.valueOf(onePiece.letter));
    mTextView2.setText(String.valueOf(onePiece.number));
  }

  public void reset() {
    // Release resource here: network connection, database cursor, ...
    mOnePiece = null;
  }

  @Override
  public void onFinishInflate() {
    // To differentiate View objects.
    ((TextView) findViewById(R.id.this_info)).setText(this.toString());

    mTextView1 = (TextView) findViewById(R.id.text1);
    mTextView2 = (TextView) findViewById(R.id.text2);
  }
}

PieceModel.java

public class PieceModel {
  public interface OnPiecesChangedListener {
    void onPiecesChanged();
  }

  public List<OnePiece> pieces = new LinkedList<>();

  private OnPiecesChangedListener mOnPiecesChangedListener;

  private char mLetterSeed = 'A';
  private int mNumberSeed = 0;

  public void setOnPiecesChangedListener(OnPiecesChangedListener listener) {
    mOnPiecesChangedListener = listener;
  }

  public void addPiece(boolean toTail) {
    OnePiece onePiece = new OnePiece(mLetterSeed, mNumberSeed++);
    if (toTail)
      pieces.add(onePiece);
    else
      pieces.add(0, onePiece);
    mOnPiecesChangedListener.onPiecesChanged();
  }

  public void removePiece(boolean fromTail) {
    if (fromTail)
      pieces.remove(pieces.size() - 1);
    else
      pieces.remove(0);
    mOnPiecesChangedListener.onPiecesChanged();
  }

  public void changePieces() {
    ++mLetterSeed;
    mNumberSeed = 0;
    int size = pieces.size();
    pieces.clear();
    for (; mNumberSeed < size; ++mNumberSeed) {
      OnePiece onePiece = new OnePiece(mLetterSeed, mNumberSeed);
      pieces.add(onePiece);
    }
    mOnPiecesChangedListener.onPiecesChanged();
  }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.liuhx.viewpagerdemo.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/add_head"
            android:text="add head"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/add_tail"
            android:text="add tail"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/remove_head"
            android:text="remove head"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/remove_tail"
            android:text="remove tail"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/change"
            android:text="change"/>
    </LinearLayout>

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

MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

  private ViewPager mViewPager;
  private ViewPageAdapter mViewPageAdapter;
  private PieceModel mPieceModel;

  private class ViewPageAdapter extends PagerAdapter {
    private List<ItemView> mViewRecycler = new LinkedList<>();
    private Map<OnePiece, ItemView> mOnePieceItemViewMap = new HashMap<>();

    @Override
    public int getCount() {
      return mPieceModel.pieces.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
      OnePiece onePiece = (OnePiece) object;
      return view == mOnePieceItemViewMap.get(onePiece);
    }

    @Override
    public Object instantiateItem (ViewGroup container, int position) {
      ItemView itemView;
      if (mViewRecycler.size() > 0) {
        itemView = mViewRecycler.remove(0);
      } else {
        itemView = (ItemView) LayoutInflater.from(MainActivity.this)
                .inflate(R.layout.item_view, container, false);
      }
      container.addView(itemView);

      OnePiece onePiece = mPieceModel.pieces.get(position);
      itemView.setOnePiece(onePiece);
      mOnePieceItemViewMap.put(onePiece, itemView);

      return onePiece;
    }

    @Override
    public void destroyItem (ViewGroup container, int position, Object object) {
      OnePiece onePiece = (OnePiece) object;
      ItemView itemView = mOnePieceItemViewMap.remove(onePiece);
      container.removeView(itemView);
      itemView.reset();
      mViewRecycler.add(itemView);
    }

    // Must override this method, or else notifyDataSetChanged() has no effect.
    @Override
    public int getItemPosition(Object object) {
      OnePiece onePiece = (OnePiece) object;
      if (mPieceModel.pieces.contains(onePiece)) {
        return mPieceModel.pieces.indexOf(onePiece);
      } else {
        return POSITION_NONE;
      }
    }
  }


  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mPieceModel = new PieceModel();
    mPieceModel.setOnPiecesChangedListener(new PieceModel.OnPiecesChangedListener() {
      @Override
      public void onPiecesChanged() {
        mViewPageAdapter.notifyDataSetChanged();
      }
    });

    mViewPager = (ViewPager) findViewById(R.id.view_pager);
    mViewPageAdapter = new ViewPageAdapter();
    mViewPager.setAdapter(mViewPageAdapter);
    mViewPager.setOffscreenPageLimit(1);

    findViewById(R.id.add_head).setOnClickListener(this);
    findViewById(R.id.add_tail).setOnClickListener(this);
    findViewById(R.id.remove_head).setOnClickListener(this);
    findViewById(R.id.remove_tail).setOnClickListener(this);
    findViewById(R.id.change).setOnClickListener(this);
  }

  @Override
  public void onClick(View view) {
    switch (view.getId()) {
      case R.id.add_head:
        mPieceModel.addPiece(false);
        break;
      case R.id.add_tail:
        mPieceModel.addPiece(true);
        break;
      case R.id.remove_head:
        if (mPieceModel.pieces.size() == 0) {
          Toast.makeText(this, "Please press ADD first", Toast.LENGTH_SHORT).show();
        } else {
          mPieceModel.removePiece(false);
        }
        break;
      case R.id.remove_tail:
        if (mPieceModel.pieces.size() == 0) {
          Toast.makeText(this, "Please press ADD first", Toast.LENGTH_SHORT).show();
        } else {
          mPieceModel.removePiece(true);
        }
        break;
      case R.id.change:
        if (mPieceModel.pieces.size() == 0) {
          Toast.makeText(this, "Please press ADD first", Toast.LENGTH_SHORT).show();
        } else {
          mPieceModel.changePieces();
        }
        break;
      default:
        break;
    }
  }
}

转载请注明出处：http://blog.csdn.net/hursing

文章标签：
Android开发
容器
缓存
Java
开发工具
数据格式
XML
刘恒兴
目录
相关文章
晴天小庭
|
算法 API 开发工具
拒绝手动Notifydatasetchanged()，使用ListAdapter高效完成RecyclerView刷新
拒绝手动Notifydatasetchanged()，使用ListAdapter高效完成RecyclerView刷新
晴天小庭
201 0
唐子玄
|
存储 缓存 索引
RecyclerView 动画原理 | pre-layout，post-layout 与 scrap 缓存的关系
RecyclerView 动画原理 | pre-layout，post-layout 与 scrap 缓存的关系
唐子玄
82 0
1752166642947377
|
Android开发
ViewPager源码分析（2）：滑动及冲突处理
我的简书同步发布：ViewPager源码分析（2）：滑动及冲突处理 转载请注明出处：【huachao1001的专栏：http://blog.csdn.net/huachao1001】 上一篇介绍了ViewPager的onMeasure和onLayout两个方法，这是自定义View最基本的两个函数。但是我们的ViewPager有个需求就是滑动，接下来我们一起去学习ViewPager在滑动方面做了哪些工作，以及ViewPager如何处理与子View之间的滑动冲突。由于ViewPager的子View有Decor View还有普通的子View，而本篇文章讲的主要是普通子View，因此，不再去刻意区
1752166642947377
237 0
ViewPager源码分析（2）：滑动及冲突处理
petterp
|
缓存
ViewPager中Fragment状态保存的哪些事
在使用 ViewPager 时 , 如果我们的适配器使用的是 FragmentStatePagerAdapter ，那么当我们重新滑到之前已销毁的页面时，一般情况下页面的状态依然将保持不变(比如 RecyclerView 的 滚动位置等,EditText 的 输入内容 等), 或者说 View 历史状态被还原了。 本文的主旨就是解释其 保存与还原内部的原理以及过程。
petterp
242 0
tinyvvampirepudge
View#invalidate方法是如何更新UI的
View#invalidate方法是如何更新UI的
tinyvvampirepudge
82 0
tinyvvampirepudge
|
Java
调用View#requestLayout后，哪些View会被影响？
调用View#requestLayout后，哪些View会被影响？
tinyvvampirepudge
107 0
技术小胖子
|
Android开发 UED
Android ViewPager 取消预加载
技术小胖子
1796 0
BookSnail
|
缓存 Android开发 容器
ViewPager刷新问题原理分析及解决方案（FragmentPagerAdapter+FragementStatePagerAdapter）
ViewPager刷新问题原理分析及解决方案（FragmentPagerAdapter+FragementStatePagerAdapter）
BookSnail
575 0
ViewPager刷新问题原理分析及解决方案（FragmentPagerAdapter+FragementStatePagerAdapter）
BennuC
|
缓存
RecyclerView局部刷新机制——payload
这篇文章其实之前就完成了，一直遗忘在角落里了，今天无意翻之前的笔记发现的，大部分内容应该还是有效的。 之前在使用RecyclerView的遇到过一个问题，使用notifyItemChanged刷新数据的时候会出现重影或者闪烁的现象。 这个问题很容易出现，当我们的列表中有进度显示（比如下载），这时候需要不停的更新进度，就需要使用notifyItemChanged 使用notifyItemChanged可以只刷新那一个item，这样就避免了像ListView那样全部刷新 但是如果使用notifyItemChanged(position)，在滑动的时候刷新就会出现重影或者闪烁的问题。
BennuC
568 0
黑夜路口
ViewPager(通过反射修改viewpager切换速度)
(创建于2016/11/17) import java.lang.reflect.Field; import android.content.
黑夜路口
1119 0