手把手教你仿一个知乎日报Android客户端(一)多图
本文为作者原创,转载请注明出处[@大蘑菇的博客][1]
图片托管服务由贴图库提供
作为一只网虫,肯定是经常泡在网络的海洋里,有一天偶然看到了知乎日报的API,各方面接口都还挺全面,于是本着“不用白不用”的真理,我决定仿一个知乎日报Adnroid客户端。
一、功能分析
[知乎日报下载][2]
在正式开始前,我们需要对知乎日报有一个充足的了解,现在我们来分析一下知乎日报是由哪些部分组成的。
1.启动页
我们可以看到,启动页由一张图片以及下半部分的logo+APP名组成(我也不知道这个该怎么叫)
所以在我们开发的时候,也需要这样一个页面。
那么这个页面做些什么事情呢?
1.加载封面图片:
经过较长一段时间的使用, 我发现每次启动时该页面的图片都不同,有时是图片有时是广告,所以这张封面图片应该来源于网络,
2.初始化第一个页面的数据:
预先加载Home页的数据,以便于Home启动时就可以展示内容
二.主页
由于知乎日报是一个阅读类的APP,所以布局也和许多新闻阅读类APP相似,最上方一个标题栏,然后接着是一个banner,然后再往下就是各条内容的列表了。
主页1.标题栏:
我们先来看下标题栏部分,在标题栏的左侧,有一个menu的按钮,关于这个menu我们接下来会讲到,然后就是标题栏最应该有的标题,白色字体,以及右边的一个通知logo,一个竖着的...(更多?)
2.Banner:
一个会自动滚动的图文(?)
3.文章列表:
嗯,就是一个文章列表,点一下就进去了。
三.文章详情
点击文章列表或者banner中的任意一个,我们都可以直接进入文章详情页面
文章详情1.内容浏览:
通过上下滑动,我们可以很方便的查看文章的内容
内容包括顶部的一张图片,以及标题还有下方的内容。
2.浏览切换:
当我们阅读完任何一篇文章想要浏览下一篇的时候,无需返回重新点击了,可以在此页面直通过侧滑切换,不过需要注意的是,在列表的第一篇和最后一篇是无法切换出前一篇和后一篇的
浏览切换3.分享:
一个分享页面的弹窗,如下图。
分享4.收藏:
登录后,点击收藏,它就收藏了。。
5.查看评论:
查看并且发表对这篇文章的评论。
查看评论6.点赞:
就是赞+1咯。。。
7.返回:
一个back键
四.侧滑菜单
可以看到,侧滑菜单由一个登录按钮,一个我的收藏,一个离线下载,以及下面的各类型栏目列表组成。
侧滑菜单1.登录:
就一个登录页面,需要使用新浪微博或者腾讯微博登录,大概是为了便于分享到微博吧。
登录2.我的收藏:
以我的账号为例,收藏了以下六条日报。
我的收藏3.离线下载:
点击离线下载,在本地生成这些文章列表的缓存,以后在无网络或者无wifi的状态下可以直接浏览。
4.文章栏目:
点击文章栏目可以使页面显示该栏目下的各篇文章
5.栏目订阅:
点击栏目名称后或者栏目列表标题栏上的“+”,即可订阅该栏目,具体有什么作用,我还没有察觉到
6.取消订阅:
点击栏目列表标题栏上的“—”即可取消订阅该栏目。
五.消息栏
消息栏1.评论回复:
真可惜目前还没人回复我的评论。。。。
2.评论被赞:
如下图
六.查看赞
查看赞1.原文链接:
在顶部显示原文标题,点击可跳转到原文
2.我的点评:
显示你的头像和id,以及评论的内容,被赞的数量
3.点赞用户:
下方显示一排赞了此条评论的用户的头像
七.设置
如下图
设置
有兴趣的同学欢迎点击下面关注,在后续的更新中会收到提醒哒~
[2]: http://zhstatic.zhihu.com/pkg/store/daily/zhihu-daily-zhihu-2.5.4%28392%29.apk