手把手教你仿一個(gè)知乎日?qǐng)?bào)Android客戶端(一)多圖

本文為作者原創(chuàng)筒扒,轉(zhuǎn)載請(qǐng)注明出處[@大蘑菇的博客][1]
圖片托管服務(wù)由貼圖庫(kù)提供

作為一只網(wǎng)蟲(chóng)绊寻,肯定是經(jīng)常泡在網(wǎng)絡(luò)的海洋里花墩,有一天偶然看到了知乎日?qǐng)?bào)的API澄步,各方面接口都還挺全面,于是本著“不用白不用”的真理村缸,我決定仿一個(gè)知乎日?qǐng)?bào)Adnroid客戶端。

一仇箱、功能分析

[知乎日?qǐng)?bào)下載][2]
在正式開(kāi)始前,我們需要對(duì)知乎日?qǐng)?bào)有一個(gè)充足的了解剂桥,現(xiàn)在我們來(lái)分析一下知乎日?qǐng)?bào)是由哪些部分組成的属提。

1.啟動(dòng)頁(yè)

我們可以看到美尸,啟動(dòng)頁(yè)由一張圖片以及下半部分的logo+APP名組成(我也不知道這個(gè)該怎么叫)
所以在我們開(kāi)發(fā)的時(shí)候斟薇,也需要這樣一個(gè)頁(yè)面师坎。
那么這個(gè)頁(yè)面做些什么事情呢堪滨?

1.加載封面圖片:

經(jīng)過(guò)較長(zhǎng)一段時(shí)間的使用, 我發(fā)現(xiàn)每次啟動(dòng)時(shí)該頁(yè)面的圖片都不同椿猎,有時(shí)是圖片有時(shí)是廣告,所以這張封面圖片應(yīng)該來(lái)源于網(wǎng)絡(luò),

2.初始化第一個(gè)頁(yè)面的數(shù)據(jù):

預(yù)先加載Home頁(yè)的數(shù)據(jù)症革,以便于Home啟動(dòng)時(shí)就可以展示內(nèi)容

二.主頁(yè)

由于知乎日?qǐng)?bào)是一個(gè)閱讀類的APP,所以布局也和許多新聞閱讀類APP相似量蕊,最上方一個(gè)標(biāo)題欄,然后接著是一個(gè)banner艇挨,然后再往下就是各條內(nèi)容的列表了残炮。

主頁(yè)

1.標(biāo)題欄:

我們先來(lái)看下標(biāo)題欄部分,在標(biāo)題欄的左側(cè)缩滨,有一個(gè)menu的按鈕势就,關(guān)于這個(gè)menu我們接下來(lái)會(huì)講到,然后就是標(biāo)題欄最應(yīng)該有的標(biāo)題脉漏,白色字體苞冯,以及右邊的一個(gè)通知logo,一個(gè)豎著的...(更多侧巨?)

2.Banner:

一個(gè)會(huì)自動(dòng)滾動(dòng)的圖文(舅锄?)

3.文章列表:

嗯,就是一個(gè)文章列表司忱,點(diǎn)一下就進(jìn)去了皇忿。

三.文章詳情

點(diǎn)擊文章列表或者banner中的任意一個(gè),我們都可以直接進(jìn)入文章詳情頁(yè)面

文章詳情

1.內(nèi)容瀏覽:

通過(guò)上下滑動(dòng)坦仍,我們可以很方便的查看文章的內(nèi)容
內(nèi)容包括頂部的一張圖片鳍烁,以及標(biāo)題還有下方的內(nèi)容桨踪。

2.瀏覽切換:

當(dāng)我們閱讀完任何一篇文章想要瀏覽下一篇的時(shí)候老翘,無(wú)需返回重新點(diǎn)擊了,可以在此頁(yè)面直通過(guò)側(cè)滑切換,不過(guò)需要注意的是铺峭,在列表的第一篇和最后一篇是無(wú)法切換出前一篇和后一篇的

瀏覽切換

3.分享:

一個(gè)分享頁(yè)面的彈窗墓怀,如下圖。

分享

4.收藏:

登錄后卫键,點(diǎn)擊收藏傀履,它就收藏了。莉炉。

5.查看評(píng)論:

查看并且發(fā)表對(duì)這篇文章的評(píng)論钓账。

查看評(píng)論

6.點(diǎn)贊:

就是贊+1咯。絮宁。梆暮。

7.返回:

一個(gè)back鍵

四.側(cè)滑菜單

可以看到,側(cè)滑菜單由一個(gè)登錄按鈕绍昂,一個(gè)我的收藏啦粹,一個(gè)離線下載,以及下面的各類型欄目列表組成窘游。

側(cè)滑菜單

1.登錄:

就一個(gè)登錄頁(yè)面唠椭,需要使用新浪微博或者騰訊微博登錄,大概是為了便于分享到微博吧忍饰。

登錄

2.我的收藏:

以我的賬號(hào)為例贪嫂,收藏了以下六條日?qǐng)?bào)。

我的收藏

3.離線下載:

點(diǎn)擊離線下載艾蓝,在本地生成這些文章列表的緩存力崇,以后在無(wú)網(wǎng)絡(luò)或者無(wú)wifi的狀態(tài)下可以直接瀏覽。

4.文章欄目:

點(diǎn)擊文章欄目可以使頁(yè)面顯示該欄目下的各篇文章

5.欄目訂閱:

點(diǎn)擊欄目名稱后或者欄目列表標(biāo)題欄上的“+”,即可訂閱該欄目饶深,具體有什么作用餐曹,我還沒(méi)有察覺(jué)到

6.取消訂閱:

點(diǎn)擊欄目列表標(biāo)題欄上的“—”即可取消訂閱該欄目。

五.消息欄

消息欄

1.評(píng)論回復(fù):

真可惜目前還沒(méi)人回復(fù)我的評(píng)論敌厘。台猴。。俱两。

2.評(píng)論被贊:

如下圖

六.查看贊

查看贊

1.原文鏈接:

在頂部顯示原文標(biāo)題饱狂,點(diǎn)擊可跳轉(zhuǎn)到原文

2.我的點(diǎn)評(píng):

顯示你的頭像和id,以及評(píng)論的內(nèi)容宪彩,被贊的數(shù)量

3.點(diǎn)贊用戶:

下方顯示一排贊了此條評(píng)論的用戶的頭像

七.設(shè)置

如下圖


設(shè)置

有興趣的同學(xué)歡迎點(diǎn)擊下面關(guān)注休讳,在后續(xù)的更新中會(huì)收到提醒噠~
[2]: http://zhstatic.zhihu.com/pkg/store/daily/zhihu-daily-zhihu-2.5.4%28392%29.apk

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市尿孔,隨后出現(xiàn)的幾起案子俊柔,更是在濱河造成了極大的恐慌筹麸,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件雏婶,死亡現(xiàn)場(chǎng)離奇詭異物赶,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)留晚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)酵紫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人错维,你說(shuō)我怎么就攤上這事奖地。” “怎么了赋焕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵参歹,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我宏邮,道長(zhǎng)泽示,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任蜜氨,我火速辦了婚禮,結(jié)果婚禮上捎泻,老公的妹妹穿的比我還像新娘飒炎。我一直安慰自己,他們只是感情好笆豁,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布郎汪。 她就那樣靜靜地躺著,像睡著了一般闯狱。 火紅的嫁衣襯著肌膚如雪煞赢。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,111評(píng)論 1 285
  • 那天哄孤,我揣著相機(jī)與錄音照筑,去河邊找鬼。 笑死瘦陈,一個(gè)胖子當(dāng)著我的面吹牛凝危,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晨逝,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蛾默,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了捉貌?” 一聲冷哼從身側(cè)響起支鸡,我...
    開(kāi)封第一講書(shū)人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤冬念,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后牧挣,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體急前,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年浸踩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了叔汁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡检碗,死狀恐怖据块,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情折剃,我是刑警寧澤另假,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布,位于F島的核電站怕犁,受9級(jí)特大地震影響边篮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜奏甫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一戈轿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧阵子,春花似錦思杯、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至领突,卻和暖如春暖璧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背君旦。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工澎办, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人于宙。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓浮驳,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親捞魁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子至会,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容