RecycleView实现自动播放功能

4,202 阅读4分钟

在一些视频APP中,见过一个这样的功能,在滑动该列表停止的时候,会自动播放当前最佳位置的视频,QQ空间视频,UC小视频就是这样的效果,但触发逻辑不太一样。

先说下这个需求的难点:

1.在滑动停止时寻找最佳的item;

2.播放器的加载

3.播放器的回收

接到这个需求后,我的第一想法就是,播放器的加载和释放,都放到各自的item里,然后在上层做好管理,划到直播a,用子线程去加载它,在没加载完毕前,又划到直播b,a的处理需要做状态机同步,呼,幸好没继续想下去,被我一个同事打断了,表示可以只用一个播放器,然后动态需要播放的item的播放层进去,这样管理起来更灵活。事后证明,真的好用。下面说说这个需求三个难点的解决方案:

1.在滑动停止时寻找最佳的item

滑动停止的监听很简单,都有相应的监听器了。

mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        switch (newState) {
            case RecyclerView.SCROLL_STATE_IDLE:
                // TODO: 2018/8/2 这里完成加载逻辑
                break;
            default:
                break;
        }
    }
});

我们主要在RecyclerView.SCROLL_STATE_IDLE里处理我们的逻辑,在写逻辑之前,我们先把思路写一下

1.获取所有可见item的百分比

// 1.获取所有可见item的百分比
int firstVisiblePosition = mLayoutManager.findFirstVisibleItemPosition();
int lastVisiblePosition = mLayoutManager.findLastVisibleItemPosition();
float percents[] = new float[lastVisiblePosition - firstVisiblePosition + 1];
for (int i = firstVisiblePosition, j = 0; i <= lastVisiblePosition; i++, j++) {
    final View itemView = mRecyclerView.findViewHolderForAdapterPosition(i).itemView;
    int[] location = new int[2];
    int[] location2 = new int[2];
    itemView.getLocationOnScreen(location);
    mRecyclerView.getLocationOnScreen(location2);
    int top = location[1] - location2[1];
    if (top < 0) {
        percents[j] = (itemView.getHeight() + top) * 100 / itemView.getHeight();
    } else if (top + itemView.getHeight() < mRecyclerView.getHeight()) {
        percents[j] = 100f;
    } else {
        percents[j] = (mRecyclerView.getHeight() - top) * 100 / itemView.getHeight();
    }
}

这里需要解释下可见item的百分比如何获取,找出可见item的所有下标,遍历来获取每一个item的可见百分比,先获取item和RecyclerView的屏幕坐标,主要是看Y坐标,通过location[1]-location2[1]可以得到该item顶部位置,如果是负数,说明该item有一部分是在屏幕的上面,通过item的高度+上顶部高度得到百分比,再考虑是否完全显示的item,通过顶部坐标加上item的高度比RecyclerView的高度海小的话,说明就是完全显示了,设置百分百,最后一种情况是,有一部分在屏幕的下方,来获取剩余的百分比。

2.判断item是否可播

判断是否可播,主要是看该item是否具备播放的条件,看是否可以拿到视频的播放地址。

3.如果是当前播放item的百分比小于100,则作为备用,如果等于100,立即播放,删除备用item

这里的考虑是,如果三个可见item,第一个可见百分比是90%,第二个是百分百,第三个是70%,理论上我们是要播放第二个对吧,但是我们还要考虑上面第二点提到的,是否可播呢,所以这里要做一个备用item,先把第一个设置成备胎,然后第二个不可播的情况下,第一个就可以成功逆袭了。

4.得出最后要播放的item,判断是否已经在播,在播忽略,不在播就播放

可到item后,只要简单判断下已经在播的是不是这个item,不是才加载这个item。

2.播放器的加载

播放器只创建一个对象,然后在需要加载该item的视频时,采用动态添加播放容器进去即可

/**
 * 开始播放,需要传入播放的连接地址
 *
 * @param path   播放连接地址
 * @param parent 播放view容器,最好是FrameLayout
 * @param direction 视频方向
 */
public synchronized void startPlay(@NonNull String path, @NonNull ViewGroup parent, int direction) {
    remoteDisplayer();
    isPlaying = true;
    mVideoResize = false;
    mViewParent = parent;
    mDirection = direction;
    mViewParent.setVisibility(View.VISIBLE);
    mViewParent.addView(mTextureView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
    if (mTextureView.isAvailable()) {
        realPlayPath(path);
    } else {
        mWantToPlayPath = path;
    }
    if (mListener != null) {
        mListener.onLoading();
    }
}

3.播放器的回收

在决定要播放第二个item的视频的时候,一定要释放掉第一个item的视频,这里也无需太过敢于,在上面开始一个新的播放意图时,remotoDisplayer就是用来释放上一个的,这个时候,我们还需在一个地方做下处理,就是当快速滑动列表时,也需要回收起来

@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
    super.onScrolled(recyclerView, dx, dy);
    if (mLastPosition >= 0) {
        int firstVisiblePosition = mLayoutManager.findFirstVisibleItemPosition();
        int lastVisiblePosition = mLayoutManager.findLastVisibleItemPosition();
        if (mLastPosition < firstVisiblePosition || mLastPosition > lastVisiblePosition) {
            mListVideoPlayer.stopPlay();
            mLastPosition = -1;
        }
    }
}

到此,就可以看到今天我们要实现的效果了,看GIF图吧。