通过 RecycleView 构建一个 TV app 列表页(仿腾讯视频 TV 版)

3,018 阅读2分钟
原文链接: mp.weixin.qq.com

前言:昨晚看锤子手机发布会,老罗一直在做工匠精神,尽管在不被看好的情况下,最后一句话:如果你还不成功,应该拿一个更大的锤子。没有看过的朋友,可以看下他的发布会,老罗还是有一些人格魅力的。虽然狂妄。哈哈。


上一篇中,介绍了TV开发的焦点一些坑,很多人在公众号反应写一篇关于RecycleView相关的案例,今天就来实现用RecycleView+GridLayoutManger仿腾讯视频TV版(云视听·极光)的电视剧的列表页 
先看下云视听·极光的电视剧列表页的效果图:


下面是我实现的效果图:

查看图片
图:

查看图片

gif图:

查看图片

gif:

查看图片

看下代码是如何实现? 
先看下主布局文件: 
查看图片
是由两个RecycleView实现,一个是左边的MeunItem,一个右边的列表页面 

接下为看下Java代码的实现:

查看图片
查看图片
查看图片

可以看到主要逻辑是用okhttp3请求腾讯视频的后台接口数据,然后用gson解析。最后送到各自recycleview的adapter中,recycleview组合AutoLayoutManager,一行显示几个,进行布局,接着看下列表页的adapter 
MyAdapter.java

查看图片
查看图片
查看图片

以上逻辑可总结为:把gson解析到数据集存到list中,然后再传到adapter中,取到图片的url,然后用Picasso库加载图片,显示到屏幕上,至此主要的业务逻辑就这些。详细可下载源码,对应github:github.com/hejunlin201…,喜欢的话,给个star。哈哈。


第一时间获得博客更新提醒,以及更多android干货,源码分析,欢迎关注我的微信公众号,扫一扫下方二维码或者长按识别二维码,即可关注。

查看图片