在一些视频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图吧。