Flutter 仿網(wǎng)易云音樂App(基礎(chǔ)版)

首頁

image
image
image

歌曲播放和卡片切換

如正版一樣矢腻,歌曲播放進(jìn)度在播放/暫停 按鈕的邊框顯示(頁面下方庆冕,由黑變紅)

沒登錄的話菲盾,一般只能聽12秒
目前只做了 模塊(‘超帶感的說唱精選’)的點播功能赊抖,
其他地方可以直接套用(1、2行代碼即可),控制臺已經(jīng)寫好
image

卡片(音樂日歷)切換動畫也是仿照正版來

image

個人中心和抽屜(未登錄)

image

云村

image

視頻(未登錄)

視頻模塊需要登錄才能看到

波紋動畫依然是仿照正版的
image

登錄

image
image

視頻(已登錄)

image
image

登錄前后頁面變化

我們看一下半抱,我的、抽屜頁面的前后差異

image

再退出一下

‘切換賬號’有退出的功能
image

搜索頁面

image
image
image

所用接口

接口為大佬們開源的網(wǎng)易云API,在此感謝

開源網(wǎng)易云api

我花了90多買了個云服務(wù)把接口clone下來后膜宋,開發(fā)使用窿侈。

各位clone我項目時,可以用我的接口也可以自己搭一個
一年90多的云服務(wù)器秋茫,你們用時輕點兒...

Tip:
接口返回的數(shù)據(jù)不太穩(wěn)定史简,有的時候還會變形,對于移動端開發(fā)來說,造成了一些麻煩圆兵,各位開發(fā)時要注意跺讯。

另外,如果你運行這個demo發(fā)現(xiàn)出錯了殉农,那大概率時接口廢了或者數(shù)據(jù)變形了刀脏,看日志吧

開發(fā)框架 Bedrock

此項目基于Bedrock 快速開發(fā)框架開發(fā)

MVVM + Provider 設(shè)計模式

Bedrock 快速開發(fā)框架

初衷

開發(fā)這個demo并不是為了對flutter進(jìn)行練習(xí),而是因為前些日子對flutter路由模塊的封裝超凳,并應(yīng)用于Bedrock框架愈污。

在重構(gòu)了原項目的demo以及添加了針對性演示demo后,覺得有必要再在一個復(fù)雜一些的項目里測試一下轮傍,因此便有了這個:

仿網(wǎng)易云音樂(基礎(chǔ)版)

也算是給我的框架增加了一個繪聲繪色的大Demo吧 :)暂雹。

與此同時,既然是Demo创夜,在項目開發(fā)時盡量做到點到為止杭跪,避免開發(fā)者閱讀過多的冗余的頁面代碼,而無法了解框架的工作原理驰吓。

由于沒有設(shè)計圖涧尿,頁面全憑感覺來,加之接口的不穩(wěn)定(類型/結(jié)果)棚瘟,開發(fā)起來確實費勁...
所以叫基礎(chǔ)版

路由封裝的簡介

此次路由封裝现斋,不但減少了開發(fā)時的代碼書寫喜最,并且對外暴露出state偎蘸,可以做到任何粒度的刷新。

但這并不意味著可以拋棄provider

在兼容靜態(tài)路由的優(yōu)勢同時瞬内,對于靜態(tài)路由的 map 傳值迷雪,取而代之的是構(gòu)造函數(shù)傳值,這樣避免了key的輸錯虫蝶。

更多介紹可以看下面的文章:

關(guān)于這次flutter路由封裝的架構(gòu)介紹

Demo功能概覽

大家可以clone下項目后章咧,挑揀未實現(xiàn)的功能來實現(xiàn)以熟悉框架

登錄(注冊未實現(xiàn),沒有空號了)

我的頁面:登錄/非登錄狀態(tài)(不含子級頁面)

發(fā)現(xiàn)頁面: 點歌 (不含子級頁面)

云村頁面:廣場&關(guān)注子頁(不含其它子級頁面)

視頻頁面:登錄/非登錄狀態(tài)能真,各tab子頁面赁严,視頻播放(不含其它子級頁面)

我的抽屜:登錄/非登錄狀態(tài)(不含子級頁面)

搜索頁面:支持搜索歷史本地化、清理緩存粉铐,搜索及搜索建議疼约,(不含搜索結(jié)果和其它子級頁面)

底部音樂bar:后臺音樂功能模塊,支持單點播放蝙泼,(未實現(xiàn)底部控制臺點擊后彈出的播放歷史記錄和歌單程剥,這個可能后期要做,蠻有意思的)

項目地址

仿網(wǎng)易云音樂

感謝

再次感謝開源網(wǎng)易云音樂api的大佬們汤踏。

同時歡迎各位提issue织鲸,謝謝 :)

Demo代碼可能有些隨意和bug舔腾,還請見諒。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末搂擦,一起剝皮案震驚了整個濱河市稳诚,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌瀑踢,老刑警劉巖采桃,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異丘损,居然都是意外死亡普办,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門徘钥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來衔蹲,“玉大人,你說我怎么就攤上這事呈础∮呤唬” “怎么了?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵而钞,是天一觀的道長沙廉。 經(jīng)常有香客問我,道長臼节,這世上最難降的妖魔是什么撬陵? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮网缝,結(jié)果婚禮上巨税,老公的妹妹穿的比我還像新娘。我一直安慰自己粉臊,他們只是感情好草添,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著扼仲,像睡著了一般远寸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上屠凶,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天驰后,我揣著相機(jī)與錄音,去河邊找鬼阅畴。 笑死倡怎,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播监署,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼颤专,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了钠乏?” 一聲冷哼從身側(cè)響起栖秕,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎晓避,沒想到半個月后簇捍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡俏拱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年暑塑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锅必。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡事格,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出搞隐,到底是詐尸還是另有隱情驹愚,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布劣纲,位于F島的核電站逢捺,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏癞季。R本人自食惡果不足惜劫瞳,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望余佛。 院中可真熱鬧柠新,春花似錦、人聲如沸辉巡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽郊楣。三九已至,卻和暖如春瓤荔,著一層夾襖步出監(jiān)牢的瞬間净蚤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工输硝, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留今瀑,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像橘荠,于是被迫代替她去往敵國和親屿附。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353