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

本文为作者原创,转载请注明出处@大蘑菇的博客
图片托管服务由贴图库提供

作为一只网虫,肯定是经常泡在网络的海洋里,有一天偶然看到了知乎日报的API,各方面接口都还挺全面,于是本着“不用白不用”的真理,我决定仿一个知乎日报Adnroid客户端。

一、功能分析

知乎日报下载
在正式开始前,我们需要对知乎日报有一个充足的了解,现在我们来分析一下知乎日报是由哪些部分组成的。

1.启动页

我们可以看到,启动页由一张图片以及下半部分的logo+APP名组成(我也不知道这个该怎么叫)
所以在我们开发的时候,也需要这样一个页面。
那么这个页面做些什么事情呢?

1.加载封面图片:

经过较长一段时间的使用, 我发现每次启动时该页面的图片都不同,有时是图片有时是广告,所以这张封面图片应该来源于网络,

2.初始化第一个页面的数据:

预先加载Home页的数据,以便于Home启动时就可以展示内容

2.主页

由于知乎日报是一个阅读类的APP,所以布局也和许多新闻阅读类APP相似,最上方一个标题栏,然后接着是一个banner,然后再往下就是各条内容的列表了。

Markdown

1.标题栏:

我们先来看下标题栏部分,在标题栏的左侧,有一个menu的按钮,关于这个menu我们接下来会讲到,然后就是标题栏最应该有的标题,白色字体,以及右边的一个通知logo,一个竖着的…(更多?)

2.Banner:

一个会自动滚动的图文(?)

3.文章列表:

嗯,就是一个文章列表,点一下就进去了。

3.文章详情

点击文章列表或者banner中的任意一个,我们都可以直接进入文章详情页面

Markdown

1.内容浏览:

通过上下滑动,我们可以很方便的查看文章的内容
内容包括顶部的一张图片,以及标题还有下方的内容。

2.浏览切换:

当我们阅读完任何一篇文章想要浏览下一篇的时候,无需返回重新点击了,可以在此页面直通过侧滑切换,不过需要注意的是,在列表的第一篇和最后一篇是无法切换出前一篇和后一篇的

Markdown

3.分享:

一个分享页面的弹窗,如下图。

Markdown

4.收藏:

登录后,点击收藏,它就收藏了。。

5.查看评论:

查看并且发表对这篇文章的评论。

Markdown

6.点赞:

就是赞+1咯。。。

7.返回:

一个back键

4.侧滑菜单

可以看到,侧滑菜单由一个登录按钮,一个我的收藏,一个离线下载,以及下面的各类型栏目列表组成。

Markdown

1.登录:

就一个登录页面,需要使用新浪微博或者腾讯微博登录,大概是为了便于分享到微博吧。

Markdown

2.我的收藏:

以我的账号为例,收藏了以下六条日报。

Markdown

3.离线下载:

点击离线下载,在本地生成这些文章列表的缓存,以后在无网络或者无wifi的状态下可以直接浏览。

4.文章栏目:

点击文章栏目可以使页面显示该栏目下的各篇文章

5.栏目订阅:

点击栏目名称后或者栏目列表标题栏上的“+”,即可订阅该栏目,具体有什么作用,我还没有察觉到

6.取消订阅:

点击栏目列表标题栏上的“—”即可取消订阅该栏目。

5.消息栏

Markdown

1.评论回复:

真可惜目前还没人回复我的评论。。。。

2.评论被赞:

如下图

6.查看赞

Markdown

1.原文链接:

在顶部显示原文标题,点击可跳转到原文

2.我的点评:

显示你的头像和id,以及评论的内容,被赞的数量

3.点赞用户:

下方显示一排赞了此条评论的用户的头像

7.设置

如下图
Markdown

猜你喜欢

转载自blog.csdn.net/StopKidding/article/details/71480492