美文网首页Android项目Android开发Android知识
手把手教你仿一个知乎日报Android客户端(一)多图

手把手教你仿一个知乎日报Android客户端(一)多图

作者: NOspy | 来源:发表于2017-05-09 16:50 被阅读236次

    本文为作者原创,转载请注明出处[@大蘑菇的博客][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

    相关文章

      网友评论

      • 做梦枯岛醒:不错,学习了。😁,那个,启动页叫splash,哈哈哈
        NOspy: @正则表达逝 好哒,谢谢啦😁😁

      本文标题:手把手教你仿一个知乎日报Android客户端(一)多图

      本文链接:https://www.haomeiwen.com/subject/cwhitxtx.html