用RecyclerView实现抖音的视频效果教程

前段时间一直有朋友留言，抖音的视频效果怎么实现，有幸看到了作者做了一个实现，真让人感叹：

sorry, recyclerview真的可以为所欲为！

之前也推送给作者自定义layoutmanager的文章，实现了各种炫酷的效果：

实现炫酷列表动画的最佳姿势

作者也曾指出，更多效果，等你来补充。最近的姿势还是学会作者自定义layoutmanager的方式，掌握真正的内功心法。

今天作者又率先补充了抖音的效果：

时下最火的莫过抖音了，实现这个效果应该很简单嘛，用viewpager就可以了。但是等你通过viewpager来实现的时候，手机内存不够用的情况就会显现出来。

有没有更好的方式呢？？？

自然是有，每个人都会用recyclerview吧，我们就用recyclerview来实现这个效果，关于内存的回收利用就交给recyclerview就好了。

那么我们怎么通过recyclerview来实现这个效果呢？如果你使用过snaphelper的话，就会很好理解。

1.自定义layoutmanager，并且继承linearlayoutmanager,这样就得到一个可以水平排向或者竖向排向的布局策略。

如果你接触过snaphelper应该了解一个linearsnaphelper的类，可以实现让列表的item居中显示的效果。但是这里我们不用这个类，我们要的效果是一次只能滑动一个item，也就是一页。pagersnaphelper就可以做到哦。

@override
public void onattachedtowindow(recyclerview view) {
   super.onattachedtowindow(view);
   mpagersnaphelper.attachtorecyclerview(view);
   this.mrecyclerview = view;
 }

2.经过第一步基本可以实现抖音的效果，但是写完之后一会发现，不知道哪里来开始播放视频和在哪里释放视频。

不要着急，要监听滑动到哪页，需要我们重写onscrollstatechanged（）函数，这里面有三种状态：

scroll_state_idle（空闲）

scroll_state_dragging（拖动）

scroll_state_settling（要移动到最后位置时）

我们需要的就是recyclerview停止时的状态，我们就可以拿到这个view的position.注意这里还有一个问题，当你通过这个position去拿item会报错，这里涉及到recyclerview的缓存机制，自己去脑补~~。

打印log,你会发现recyclerview.getchildcount()一直为1或者会出现为2的情况。好了，我们自己来实现一个接口然后通过接口把状态传递出去。

监听器

public interface onviewpagerlistener {
  /*释放的监听*/
  void onpagerelease(boolean isnext,int position);
  /*选中的监听以及判断是否滑动到底部*/
  void onpageselected(int position,boolean isbottom);
  /*布局完成的监听*/
  void onlayoutcomplete();
}

获取到recyclerview空闲时选中的item,重写linearlayoutmanager的onscrollstatechanged方法

@override
public void onscrollstatechanged(int state) {
 switch (state) {
   case recyclerview.scroll_state_idle:
     view viewidle = mpagersnaphelper.findsnapview(this);
     int positionidle = getposition(viewidle);
     if (monviewpagerlistener != null && getchildcount() == 1) {
       monviewpagerlistener.onpageselected(positionidle,positionidle == getitemcount() - 1);
     }
     break;
   case recyclerview.scroll_state_dragging:
     view viewdrag = mpagersnaphelper.findsnapview(this);
     int positiondrag = getposition(viewdrag);
     break;
   case recyclerview.scroll_state_settling:
     view viewsettling = mpagersnaphelper.findsnapview(this);
     int positionsettling = getposition(viewsettling);
     break;
 }
}

3.列表的选中监听好了，我们就看看什么时候释放视频的资源，第二步中的三种状态，去打印getchildcount()的日志，你会发现getchildcount()在:

scroll_state_dragging会为1

scroll_state_settling为2

scroll_state_idle有时为1，有时为2

还是recyclerview的缓存机制，这里不会去赘述缓存机制，我们要做的是要知道在什么时候去做释放视频的操作，还要分清是释放上一页还是下一页，因为适配器adapter的position在这里不好使嘛，这里有两个方法scrollhorizontallyby（）和scrollverticallyby（）可以拿到滑动偏移量，可以判断滑动方向，好~ 齐活了。

看代码:

/**
 * 监听竖直方向的相对偏移量
 * @param dy
 * @param recycler
 * @param state
 * @return
 */
@override
public int scrollverticallyby(int dy, recyclerview.recycler recycler, recyclerview.state state) {
   this.mdrift = dy;
   return super.scrollverticallyby(dy, recycler, state);
 }
/**
 * 监听水平方向的相对偏移量
 * @param dx
 * @param recycler
 * @param state
 * @return
 */
@override
public int scrollhorizontallyby(int dx, recyclerview.recycler recycler, recyclerview.state state) {
   this.mdrift = dx;
   return super.scrollhorizontallyby(dx, recycler, state);
 }
// 可以释放资源的监听，也就是回收item的时候
private recyclerview.onchildattachstatechangelistener mchildattachstatechangelistener = new recyclerview.onchildattachstatechangelistener() {
   @override
   public void onchildviewattachedtowindow(view view) {
   }
   @override
   public void onchildviewdetachedfromwindow(view view) {
     if (mdrift >= 0){
       if (monviewpagerlistener != null) monviewpagerlistener.onpagerelease(true,getposition(view));
     }else {
       if (monviewpagerlistener != null) monviewpagerlistener.onpagerelease(false,getposition(view));
     }
   }
 };

大功告成。

是不是觉得很不可思议就好了，贴一哈具体使用的代码，初始化视频和释放视频的地方：
 

@override
protected void oncreate(bundle savedinstancestate) {
  super.oncreate(savedinstancestate);
  setcontentview(r.layout.activity_view_pager_layout_manager);
  initview();
  initlistener();
}
private void initview() {
  mrecyclerview = findviewbyid(r.id.recycler);
  mlayoutmanager = new viewpagerlayoutmanager(this, orientationhelper.vertical);
  madapter = new myadapter();
  mrecyclerview.setlayoutmanager(mlayoutmanager);
  mrecyclerview.setadapter(madapter);
}
private void initlistener(){
  mlayoutmanager.setonviewpagerlistener(new onviewpagerlistener() {
    @override
    public void onpagerelease(boolean isnext,int position) {
      log.e(tag,"释放位置:"+position +" 下一页:"+isnext);
      int index = 0;
      if (isnext){
        index = 0;
      }else {
        index = 1;
      }
      releasevideo(index);
    }
    @override
    public void onpageselected(int position,boolean isbottom) {
      log.e(tag,"选中位置:"+position+" 是否是滑动到底部:"+isbottom);
      playvideo(0);
    }
    @override
    public void onlayoutcomplete() {
      playvideo(0);
    }
  });
}

recycleview 其他姿势：