转载请把头部出处链接和尾部二维码一起转载,本文出自逆流的鱼yuiop:http://blog.csdn.net/hejjunlin/article/details/52854131

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

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

先看下云视听·极光的电视剧列表页的效果图:

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

下面是我实现的效果图:

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

图:

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

gif图:

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

看下代码是如何实现?

先看下主布局文件:

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

是由两个RecycleView实现,一个是左边的MeunItem,一个右边的列表页面

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

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

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

MyAdapter.java

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP

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

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

Android TV开发总结(四)通过RecycleView构建一个TV app列表页(仿腾讯视频TV版)-LMLPHP



如果你觉得好,随手点赞,也是对笔者的肯定,也可以分享此公众号给你更多的人,原创不易

04-22 15:31