前言

大家好，這是這個系列的第四篇，在閱讀這篇文章之前，建議可以先看下之前系列的文章，為了節(jié)省篇幅，之前詳細(xì)說過的地方，這里就不再詳細(xì)描述了：

這一篇，要說實現(xiàn)的是第一篇中的翻頁切換視頻。

思路

在第一篇中，我們用的是垂直滑動的ViewPager加Fragment 實現(xiàn)，詳細(xì)過程可以看看第一篇文章。這里，我們用RecyclerView 加SnapHelper來實現(xiàn)。

問題

什么是 SnapHelper？

SnapHelper是一個抽象類，官方提供了一個LinearSnapHelper的子類，可以讓RecyclerView滾動停止時相應(yīng)的Item停留中間位置。在25.1.0版本中，官方又提供了一個PagerSnapHelper的子類，可以使RecyclerView像ViewPager一樣的效果，一次只能滑一頁，而且居中顯示。詳細(xì)源碼解讀可以看這里讓你明明白白的使用RecyclerView——SnapHelper詳解，這里我們用到的就是PagerSnapHelper

如何使用

使用非常簡單，只需要創(chuàng)建對象之后調(diào)用attachToRecyclerView()附著到對應(yīng)的RecyclerView對象上就可以了。

snapHelper = new PagerSnapHelper();

snapHelper.attachToRecyclerView(rvPage2);

復(fù)制代碼

下來是組裝數(shù)據(jù)，這里還是用之前的視頻

urlList = new ArrayList<>();

urlList.add("http://image.38.hn/public/attachment/201805/100651/201805181532123423.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803151735198462.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803150923220770.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803150922255785.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803150920130302.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803141625005241.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803141624378522.mp4");

urlList.add("http://image.38.hn/public/attachment/201803/100651/201803131546119319.mp4");

復(fù)制代碼

設(shè)置Adapter

videoAdapter = new ListVideoAdapter(urlList);

layoutManager = new LinearLayoutManager(Page2Activity.this, LinearLayoutManager.VERTICAL, false);

rvPage2.setLayoutManager(layoutManager);

rvPage2.setAdapter(videoAdapter);

復(fù)制代碼

Adapter 代碼如下，這里和第二篇中使用的Adapter 一致，其中的MyVideoPlayer 是基于 JiaoZiVideoPlayer的自定義的播放，在第二篇【Android 進(jìn)階】仿抖音系列之列表播放視頻(二)和第三篇【Android 進(jìn)階】仿抖音系列之列表播放視頻(三) 中已經(jīng)有詳細(xì)的描述，這里不再贅述了。

class ListVideoAdapter extends BaseRecAdapter{

public ListVideoAdapter(List list){

super(list);

}

@Override

public void onHolder(VideoViewHolder holder, String bean, int position){

holder.mp_video.setUp(bean, JZVideoPlayerStandard.CURRENT_STATE_NORMAL);

if (position == 0) {

holder.mp_video.startVideo();

}

Glide.with(context).load(bean).into(holder.mp_video.thumbImageView);

holder.tv_title.setText("第" + position + "個視頻");

}

@Override

public VideoViewHolder onCreateHolder(){

return new VideoViewHolder(getViewByRes(R.layout.item_page2));

}

}

public class VideoViewHolder extends BaseRecViewHolder{

public View rootView;

public MyVideoPlayer mp_video;

public TextView tv_title;

public VideoViewHolder(View rootView){

super(rootView);

this.rootView = rootView;

this.mp_video = rootView.findViewById(R.id.mp_video);

this.tv_title = rootView.findViewById(R.id.tv_title);

}

}

復(fù)制代碼

item_page2.xml 布局如下

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:id="@+id/tv_title"

android:layout_width="match_parent"

android:layout_height="50dp"

android:gravity="center"

android:textSize="18sp" />

android:id="@+id/mp_video"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent" />

復(fù)制代碼

需要注意的是，RecyclerView 的默認(rèn)布局父布局不是充滿全屏的，就算我們在布局中設(shè)置match_parent也是沒用，需要在onHolder中添加如下代碼，重新設(shè)置

ViewGroup.LayoutParams layoutParams = holder.itemView.getLayoutParams();

layoutParams.height = ViewGroup.LayoutParams.MATCH_PARENT;

復(fù)制代碼

到這里，基本功能已經(jīng)實現(xiàn)，我們需要做的就是當(dāng)RecyclerView 滑動時，播放當(dāng)前可見的視頻，暫停不可見的視頻。這里我們用的還是第二篇提到的onScrollStateChanged 監(jiān)聽。

相比之前，這里的邏輯簡單的多了，由于每次只有1個item處于可見狀態(tài)，我們就只需要在停止滑動時，播放當(dāng)前可見的視頻，暫停其余不可見的視頻。

rvPage2.addOnScrollListener(new RecyclerView.OnScrollListener() {

@Override

public void onScrolled(RecyclerView recyclerView, int dx, int dy){

}

@Override

public void onScrollStateChanged(RecyclerView recyclerView, int newState){

switch (newState) {

case RecyclerView.SCROLL_STATE_IDLE://停止?jié)L動

View view = snapHelper.findSnapView(layoutManager);

JZVideoPlayer.releaseAllVideos();

RecyclerView.ViewHolder viewHolder = recyclerView.getChildViewHolder(view);

if (viewHolder != null && viewHolder instanceof VideoViewHolder) {

((VideoViewHolder) viewHolder).mp_video.startVideo();

}

break;

case RecyclerView.SCROLL_STATE_DRAGGING://拖動

break;

case RecyclerView.SCROLL_STATE_SETTLING://慣性滑動

break;

}

}

});

復(fù)制代碼

這樣就差不多大功告成了，最后別忘記在Activity 不可見時，暫停所有視頻

@Override

public void onPause(){

super.onPause();

JZVideoPlayer.releaseAllVideos();

}

復(fù)制代碼

最后，獻(xiàn)上完整代碼。Github

你的認(rèn)可，是我堅持更新博客的動力，如果覺得有用，就請點個贊，謝謝

總結(jié)

以上是生活随笔為你收集整理的android 上下翻页素材,【Android 进阶】仿抖音系列之翻页上下滑切换视频（四）...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。