android 上下翻页素材,【Android 进阶】仿抖音系列之翻页上下滑切换视频(四)...
前言
大家好,这是这个系列的第四篇,在阅读这篇文章之前,建议可以先看下之前系列的文章,为了节省篇幅,之前详细说过的地方,这里就不再详细描述了:
这一篇,要说实现的是第一篇中的翻页切换视频。
思路
在第一篇中,我们用的是垂直滑动的ViewPager加Fragment 实现,详细过程可以看看第一篇文章。这里,我们用RecyclerView 加SnapHelper来实现。
问题
什么是 SnapHelper?
SnapHelper是一个抽象类,官方提供了一个LinearSnapHelper的子类,可以让RecyclerView滚动停止时相应的Item停留中间位置。在25.1.0版本中,官方又提供了一个PagerSnapHelper的子类,可以使RecyclerView像ViewPager一样的效果,一次只能滑一页,而且居中显示。详细源码解读可以看这里让你明明白白的使用RecyclerView——SnapHelper详解,这里我们用到的就是PagerSnapHelper
如何使用
使用非常简单,只需要创建对象之后调用attachToRecyclerView()附着到对应的RecyclerView对象上就可以了。
snapHelper = new PagerSnapHelper();
snapHelper.attachToRecyclerView(rvPage2);
复制代码
下来是组装数据,这里还是用之前的视频
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");
复制代码
设置Adapter
videoAdapter = new ListVideoAdapter(urlList);
layoutManager = new LinearLayoutManager(Page2Activity.this, LinearLayoutManager.VERTICAL, false);
rvPage2.setLayoutManager(layoutManager);
rvPage2.setAdapter(videoAdapter);
复制代码
Adapter 代码如下,这里和第二篇中使用的Adapter 一致,其中的MyVideoPlayer 是基于 JiaoZiVideoPlayer的自定义的播放,在第二篇【Android 进阶】仿抖音系列之列表播放视频(二)和第三篇【Android 进阶】仿抖音系列之列表播放视频(三) 中已经有详细的描述,这里不再赘述了。
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);
}
}
复制代码
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" />
复制代码
需要注意的是,RecyclerView 的默认布局父布局不是充满全屏的,就算我们在布局中设置match_parent也是没用,需要在onHolder中添加如下代码,重新设置
ViewGroup.LayoutParams layoutParams = holder.itemView.getLayoutParams();
layoutParams.height = ViewGroup.LayoutParams.MATCH_PARENT;
复制代码
到这里,基本功能已经实现,我们需要做的就是当RecyclerView 滑动时,播放当前可见的视频,暂停不可见的视频。这里我们用的还是第二篇提到的onScrollStateChanged 监听。
相比之前,这里的逻辑简单的多了,由于每次只有1个item处于可见状态,我们就只需要在停止滑动时,播放当前可见的视频,暂停其余不可见的视频。
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://停止滚动
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;
}
}
});
复制代码
这样就差不多大功告成了,最后别忘记在Activity 不可见时,暂停所有视频
@Override
public void onPause(){
super.onPause();
JZVideoPlayer.releaseAllVideos();
}
复制代码
最后,献上完整代码。Github
你的认可,是我坚持更新博客的动力,如果觉得有用,就请点个赞,谢谢
android 上下翻页素材,【Android 进阶】仿抖音系列之翻页上下滑切换视频(四)...相关推荐
- 【Android 进阶】仿抖音系列之列表播放视频(二)
上一篇中,我们实现了仿抖音上下翻页切换视频的效果,详见[Android 进阶]仿抖音系列之翻页上下滑切换视频(一),这一篇,我们来实现抖音列表播放视频. [Android 进阶]仿抖音系列之翻页上下滑 ...
- 【Android 进阶】仿抖音系列之列表播放视频(三)
在上一篇[Android 进阶]仿抖音系列之列表播放视频(二)中,我们实现列表播放视频,这一篇我们来对其做些优化. [Android 进阶]仿抖音系列之翻页上下滑切换视频(一) [Android 进阶 ...
- android抖音切换实现,【Android 进阶】仿抖音系列之视频预览和录制(五)
前言 大家好,在前几篇中,我们通过2种方式实现了仿抖音的翻页切换视频,仿抖音列表播放视频功能:这一篇,我们来说说视频的录制. 主流的视频录制,一般都采用的是FFmpeg 例如 腾讯短视频,由于FFmp ...
- android byte[] 转string 好多问号_Android 仿抖音实现动态壁纸
code小生,一个专注 Android 领域的技术平台 公众号回复 Android 加入我的安卓技术群 作者:7_px 链接:https://www.jianshu.com/p/fc5cf284abb ...
- Android 仿抖音视频播放列表和评论列表
Android 汇集CSDN.GitHub等最实用的良心之作-KING Android最实用的各种技能点的网址链接(每天都会更新,希望大家用的上) Android 仿抖音系列之视频播放列表和评论列表 ...
- Android 使用ViewPager2+ExoPlayer+VideoCache 实现仿抖音视频翻页播放
1. 实现效果 效果图中,视频没有铺满 是因为使用了ExoPlayer的RESIZE_MODE_FIT模式, 虽然使用RESIZE_MODE_FILL模式可以填充整个父布局,但是本Demo中使用的视频 ...
- android播放mp3旋转动画,Android进阶之仿抖音的音乐旋转效果
原标题:Android进阶之仿抖音的音乐旋转效果 原文:https://myml666.github.io (源码下载见文末) 这次是实现一个仿抖音的音乐旋转自定义View,先看一下效果 效果图 实现 ...
- Android仿抖音上下滑动切换视频
Android仿抖音上下滑动切换视频 https://www.jianshu.com/p/af9c0e46725d 自从各大直播平台可以滑动切换直播间后,公司就出了一大波需求,还要配合各种收费,各种 ...
- Android部分源码资源共享(视屏转GIF图片工具、仿抖音、仿朋友圈、仿红包、饼状图、引导图,图灵源码等)
视屏转为gif图片工具: 下载地址:CSDN 下载 1.封装了各项工具类,例如,日志,打印,缓存等,可直接使用项目 百度网盘:下载 提取码:fq07 2.Android高仿抖音 1.项目 的b ...
最新文章
- 【SQL】sql语句GROUP BY
- 巧用shell+rsync服务实现日志自动过滤处理压缩并上传日志服务器,自动分类
- 应云而生,幽灵的威胁 - 云原生应用交付与运维
- LeetCode Algorithm 1534. 统计好三元组
- 汇编的艺术(01)sizeof operator
- 数据库:SQLServer 实现行转列、列转行用法笔记
- ASP.NET Core MVC 源码学习:MVC 启动流程详解
- python怎么重复输出_如何根据输出在Python中重复函数?
- SpringMVC处理异常
- 使用Android DataBinding BindingAdapter和Dagger 2
- resizableImageWithCapInsets:方法的探析 (转载笔记)
- android jni调试打印char阵列
- aoa计算机二级考试答案操作题,浙江省计算机二级等级考试aoa理论题.pdf
- 闲聊人工智能产品经理(AIPM)—方法论
- 关于联想Y700,玩游戏闪屏
- java设置pdf不可编辑_Java动态生成pdf文件(使用itext编辑pdf)
- 推荐系统实践读书笔记-04利用用户标签数据
- html5ppt预览插件,jQuery高性能跨浏览器全屏幻灯片特效插件
- 华为手机有哪些隐藏功能,用了才知道太好用啦!
- Java栈的实现数组和链表
热门文章
- [html] 如何解决input在Firefox和Chrome中高度不一致的问题?
- [html] HTML5的Server-Sent和WebSocket如何选择哪一个?
- [css] inline、block、inline-block这三个属性值有什么区别?
- [css] 怎么让body高度自适应屏幕?为什么?
- [css] 如何解决html设置height:100%无效的问题?
- 前端学习(2321):angular环境搭建1
- 前端学习(1762):前端调试值之如何让浏览器模拟传感器数据
- 前端学习(1488):jsonp回顾
- 前端学习(628):数字类型
- 玩转oracle 11g(15):命令学习3