簡(jiǎn)潔唯美的 WanAndroid 客戶端

1.什么是 WanAndroid 客戶端

WanAndroid鴻洋開發(fā)并維護(hù)的一個(gè)專門學(xué)習(xí) Android 的站點(diǎn)居砖,這里面你可以學(xué)習(xí)到各種關(guān)于 Android 知識(shí)烛卧。精彩的每日一問、你需要的面試資料凶硅、面試題厢破、當(dāng)然你也可以在這個(gè)上面分享知識(shí)博客荣瑟,以及其他好的關(guān)于學(xué)習(xí) Android 的內(nèi)容。非常建議學(xué)習(xí)瀏覽摩泪!

同時(shí)鴻洋大佬還提供了 WanAndroid 的 API 真造福了廣大 Android 開發(fā)者鞍恃妗!比心见坑!??

我就是根據(jù) WanAndroid 提供的 API嚷掠,寫了一個(gè)客戶端,這樣可以在手機(jī)上可以繼續(xù)學(xué)習(xí)了荞驴,真是太方便了不皆!

2.WanAndroid 客戶端特色以及所用的技術(shù)

  • 整體項(xiàng)目 Kotlin 語言編寫,以及 Kotlin Coroutine 協(xié)程的使用熊楼。

  • 項(xiàng)目采用當(dāng)前主流架構(gòu) MVVM霹娄。

  • Android Jetpack 的使用包括但不限于LifecycleLiveData鲫骗、ViewModel犬耻、DatabindingRoom执泰、ConstraintLayout等枕磁,未來可能會(huì)更多。

  • 體驗(yàn)極好的 WanAndroid 客戶端术吝,頁(yè)面簡(jiǎn)潔直接但并不缺少美感计济!

  • 突出重點(diǎn)的模塊設(shè)計(jì),每日一問排苍,我的收藏沦寂,面試題模塊等等!

  • 整體的設(shè)計(jì)纪岁、UI凑队、圖標(biāo)则果、配色幔翰,都是根據(jù)經(jīng)過仔細(xì)揣摩精心設(shè)計(jì)的漩氨,還是很精美的!

  • 優(yōu)秀的用戶體驗(yàn)和交互設(shè)計(jì)

  • 整潔的代碼風(fēng)格和標(biāo)準(zhǔn)的命名規(guī)范

WanAndroidJetpack 架構(gòu)圖

wanandroid-arch.jpg

項(xiàng)目采用 MVVM 架構(gòu)遗增,用 Kotlin 語音編寫叫惊,采用 RetrofitKotlin-Coroutine 協(xié)程進(jìn)行網(wǎng)絡(luò)交互,加載圖片 Glide 主流加載圖片框架做修,數(shù)據(jù)存儲(chǔ)主要用到了 Room 和騰訊的 MMKV霍狰。

Android Jetpack 是目前 Android 學(xué)習(xí)開發(fā)的趨勢(shì),所以我在項(xiàng)目用到了 Lifecycle饰及、LiveData蔗坯、ViewModelDatabinding燎含、Room宾濒、ViewPager2ConstraintLayout屏箍、AndroidX等 Jetpack 相關(guān)的最新技術(shù)

我相信這個(gè)一個(gè)非常不錯(cuò)的學(xué)習(xí) MMVM + Kotlin + Jetpack 的項(xiàng)目了绘梦!具體細(xì)節(jié)請(qǐng)看 GitHub 的項(xiàng)目 WanAndroidJetpack

喜歡的點(diǎn)個(gè) Stars,有問題的請(qǐng)?zhí)?Issues

3.WanAndroid 客戶端長(zhǎng)什么樣子

我錄了個(gè) GIF 赴魁,看一下具體內(nèi)容吧卸奉!

友情提示:

Gif 還有下面的截圖和真是 APP 的 UI 細(xì)節(jié)有出入,比如淡白色的分割線颖御,背景色等等榄棵!

下載 APP 體驗(yàn)更佳,一起學(xué)起來吧潘拱!

wan-gif.gif

APP 內(nèi)的截圖秉继!

w-1.jpg
w-2.jpg
w-3.jpg
w-4.jpg
w-5.jpg

4.WanAndroid 客戶端的功能介紹

整個(gè) APP 主色調(diào)為天藍(lán)色,在顏色選擇泽铛、文字大小尚辑、圖標(biāo)方面我都花費(fèi)了很多心思,整體的設(shè)計(jì)模塊參考主流的 APP 格式盔腔,底部有五個(gè) Tab 分別是:首頁(yè)杠茬、問答、收藏弛随、發(fā)現(xiàn)瓢喉、我的

下面我來分別介紹各個(gè)模塊

首頁(yè)

  • Banner 圖

  • 置頂文章

  • Feed 流

首頁(yè)主要是由上面三大模塊組成舀透!

會(huì)展示大家最新分享的文章博客栓票,每日一問等等

當(dāng)然你也可以分享文章!

問答

WanAndroid 相當(dāng)有特殊的一個(gè)模塊,非常干的干貨走贪,鴻洋會(huì)提出每日一問佛猛,而且問題都很有深度!由大家來回答坠狡,其中有一個(gè)優(yōu)秀的回答者 陳小緣 而且是一個(gè)自定義 View 的大佬继找!可以關(guān)注學(xué)習(xí)一波哈!

這個(gè)模塊知識(shí)都非常有深度逃沿,所以我把它單獨(dú)拿出來了婴渡,就是方便學(xué)習(xí)!

收藏

收藏也是一個(gè)重要的模塊主要由下面幾部分組成

  • 收藏文章:就是自己收藏的文章凯亮,可以通過點(diǎn)擊列表 Item 上的小心心收藏边臼,也可以在我的頁(yè)面手動(dòng)添加自己的喜歡的文章。

  • 面試相關(guān):對(duì)假消,沒錯(cuò)就是為了方便直接看面試題硼瓣,非常方便!

  • 分享文章:這里是自己在 WanAndroid 站點(diǎn)分享的文章置谦,可以是自己寫的堂鲤,也可以你覺得不錯(cuò)的文章!

  • 收藏網(wǎng)站:收藏自己喜歡的網(wǎng)站媒峡,博客等等瘟栖!

發(fā)現(xiàn)

這個(gè)模塊包含的內(nèi)容非常多!基本你在這兒可以找到你想要的任何東西了

  • 體系:關(guān)于 Android 學(xué)習(xí)相關(guān)的方方面面

  • 導(dǎo)航:常用的開發(fā)者網(wǎng)站谅阿、優(yōu)秀的博客半哟、Flutter、三分平臺(tái)签餐、SDK 等等

  • 公眾號(hào):優(yōu)秀的 Android 開發(fā)者們寓涨,同時(shí)也包括大廠技術(shù)的微信號(hào)

  • 項(xiàng)目:熱門的項(xiàng)目,同時(shí)你也可以分享自己的項(xiàng)目

  • 項(xiàng)目分類:按照項(xiàng)目的類型分類展示項(xiàng)目模塊氯檐!

我的

  • 登錄的入口戒良,登錄成功后會(huì)展示個(gè)人的信息以及積分排名等

  • 收藏文章、網(wǎng)站冠摄,分享文章的編輯入口

  • 設(shè)置:目前只是做了一個(gè)退出登錄的操作

整體總結(jié)

  • 點(diǎn)擊每個(gè) Item 都會(huì)進(jìn)入到具體的文章詳情頁(yè)面

  • 詳情頁(yè)面是一個(gè)簡(jiǎn)潔的全屏的體驗(yàn)糯崎,同時(shí)可以收藏文章和滾動(dòng)到頂部的一些操作

  • 列表上有一鍵收藏功能(需要登錄喲)

  • 一鍵回滾到列表頂部操作

5.總結(jié)

  • 這是一個(gè) Kotlin+MVVM+Jetpack 的項(xiàng)目,如果想學(xué)習(xí)的可以學(xué)習(xí)一波兒河泳,具體代碼在 GitHub

  • 喜歡的點(diǎn)個(gè) Stars沃呢,有問題的請(qǐng)?zhí)?Issues

  • 代碼細(xì)節(jié),請(qǐng)看項(xiàng)目 WanAndroidJetpack

  • 使用的第三方庫(kù)和日志更新在 GitHub 上

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末拆挥,一起剝皮案震驚了整個(gè)濱河市薄霜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖惰瓜,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件否副,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡鸵熟,警方通過查閱死者的電腦和手機(jī)副编,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門负甸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來流强,“玉大人,你說我怎么就攤上這事呻待〈蛟拢” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵蚕捉,是天一觀的道長(zhǎng)奏篙。 經(jīng)常有香客問我,道長(zhǎng)迫淹,這世上最難降的妖魔是什么秘通? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮敛熬,結(jié)果婚禮上肺稀,老公的妹妹穿的比我還像新娘。我一直安慰自己应民,他們只是感情好话原,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著诲锹,像睡著了一般繁仁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上归园,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天黄虱,我揣著相機(jī)與錄音,去河邊找鬼庸诱。 笑死悬钳,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的偶翅。 我是一名探鬼主播默勾,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼聚谁!你這毒婦竟也來了母剥?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎环疼,沒想到半個(gè)月后习霹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡炫隶,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年淋叶,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伪阶。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡煞檩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出栅贴,到底是詐尸還是另有隱情斟湃,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布檐薯,位于F島的核電站凝赛,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏坛缕。R本人自食惡果不足惜墓猎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赚楚。 院中可真熱鬧毙沾,春花似錦、人聲如沸直晨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)勇皇。三九已至罩句,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間敛摘,已是汗流浹背门烂。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留兄淫,地道東北人屯远。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像捕虽,于是被迫代替她去往敵國(guó)和親慨丐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

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