一.前言
傳送門:
python3GUI–仿做一個網(wǎng)易云音樂By:PyQt5(附下載地址)
python3GUI–仿做一個網(wǎng)易云音樂(第二彈v1.5)By:PyQt5(附下載地址)
本篇為模仿網(wǎng)易云音樂2.0篇,是本系列最后一篇,本篇繼續(xù)在v1.5基礎(chǔ)上進行改進,盡最大努力模仿網(wǎng)易云音樂播放器UI,本篇將全方面介紹咱們的“網(wǎng)易云音樂”
二.展示
1.主界面
1.1個性推薦
1.1.1靜圖
1.1.2動圖
1.2專屬定制
1.2.1靜圖
1.2.2動圖
1.3歌單
1.3.1靜圖
1.3.2動圖
1.4排行榜
1.4.1靜圖
1.4.2動圖
1.5歌手
1.5.1靜圖
1.5.2動圖
1.6歌單
1.6.1靜圖
1.6.2-1動圖-新歌速遞
1.6.2-2動圖-新碟上架
2.播客
2.1.1靜圖-彈窗
2.1.2靜圖-主要
2.2.1動圖
2.2.2動圖-推薦
2.2.3動圖-類別
3.視頻
3.1.1靜圖
3.1.2動圖
4.關(guān)注
4.1.1主界面
5.直播
5.1.1靜圖-主界面
5.1.2動圖
6.私人FM
6.1.1靜圖-主界面
6.1.2動圖-主界面
7.我喜歡的音樂
7.1.1靜圖-主界面
7.1.2動圖-主界面
8.我喜歡的音樂
8.1.1靜圖-下載管理
8.1.2靜圖-本地音樂
8.1.3動圖-下載管理
9.我喜歡的音樂
9.1.1靜圖
10.其他細節(jié)
1.登錄窗口
10.1.1靜圖-掃碼登錄
10.1.2靜圖-其他登錄
10.1.3動圖
csdn無法展示二維碼,可以點擊查看
2.播放列表
10.2.1靜圖
10.2.2靜圖-列表為空
3.熱搜榜
10.3.1靜圖
4.播放列表
10.4.1靜圖
5.評論輸入框
10.5.1靜圖
6.聽歌識曲
10.6.1動圖
7.系統(tǒng)托盤
10.7.1動圖
8.windows縮略圖
10.8.1動圖
三.概覽
在此用一個思維導(dǎo)圖展示本軟件實現(xiàn)的所有UI
三.UI設(shè)計展示
這里拿兩個頁面作為示例展示
1.主界面
2.最新音樂
三.心得體會
1.UI設(shè)計
整個UI設(shè)計方面要有一個全局觀,從整體去看局部,首先先看整個頁面布局大致是什么布局,然后再看每個布局中需要什么組件,讓我們的仿品不止“長得像”,也要“用得像”。
在UI設(shè)計中,我很少直接將數(shù)據(jù)展示到U中,一般就是構(gòu)思好布局后,在組件中放入Layout,最后在頁面需要的時機,將數(shù)據(jù)填充到Layout中,這樣做可以讓我們的界面更加靈活,使邏輯與UI分離開來,通過單一的腳本即可完成UI中數(shù)據(jù)的操作,降低了UI與邏輯的耦合性,即使出了問題,我們也能很快地定位到問題所在。
2.面向?qū)ο?/h3>
Designer可以幫我們繪制絕大部分的UI,但是無法滿足我們的自定義需求,這里需要我們自己定義一個或多個組件基類,運用面向?qū)ο?/strong>的思想封裝、繼承這個基類,這樣,當我們在用的時候,直接new出這個對象,填入對應(yīng)的數(shù)據(jù),很方便地能夠完成組件的創(chuàng)建,也能夠大大減少我們的代碼量與維護成本。
3.信號與槽
信號與槽機制是Qt的靈魂,它能夠把一些事件或者自定義信號與我們的槽函數(shù)關(guān)聯(lián)起來,一定要充分理解這個機制。舉個例子:本次把歌單信息與歌單詳情頁關(guān)聯(lián)起來,即用戶點擊了歌單,就會跳轉(zhuǎn)到歌單詳情頁,而詳情頁的信息是歌單傳過來的,,我們的界面有許多歌單,不能每一個歌單都寫一個詳情頁吧?所以在歌單組件中加入自定義的信號,每當歌單組件被點擊后,發(fā)射歌單名稱,封面…等數(shù)據(jù)到歌單詳情頁,詳情頁把這些信息分開展示。(當然,如果接入了線上數(shù)據(jù),大概率是發(fā)射一個歌單ID,然后通過接口拿到此ID的相關(guān)信息,展示到詳情頁。)
3.學(xué)習(xí)
在本次迭代過程中,學(xué)習(xí)到了一些新的Qt5庫,在此分享給大家。
1.QtWinExtras
構(gòu)建任務(wù)欄按鈕,詳情可參考
QT學(xué)習(xí)-核心類列表-38、QtWinExtras
2.QMovie
用于聽歌識曲-加載動畫
pyqt5 等待界面 (QMovie 加載 gif)
3.操作指定布局組件
在界面構(gòu)建好后,可能需要動態(tài)調(diào)整指定布局中的組件。
QT:pyqt刪除layout中的控件,移除、添加、替換控件
4.特別
在本次撰寫播客-左上角推薦組件的時候,重寫了一個QWidget,實現(xiàn)了鼠標滾輪滾動切換顯示類別、類別內(nèi)容,參考了一篇C++文章
QT滾動數(shù)字 滾動選擇器 滑動選擇器
文章來源:http://www.zghlxwxcb.cn/news/detail-618676.html
四.總結(jié)
本次仍然對我們的云音樂播放器進行改進,在撰寫UI過程中遇到了一些困難,參考了許多相關(guān)C++資料,因為是用碎片時間寫的,前前后后加起來也花了一些時間,創(chuàng)作實屬不易,能點個贊嗎?。軟件打包好,放在藍奏云(解壓后大?。?9.2MB),大家可以自行下載體驗。文章來源地址http://www.zghlxwxcb.cn/news/detail-618676.html
到了這里,關(guān)于python3GUI--仿做一個網(wǎng)易云音樂(第三彈v2.0)By:PyQt5(附下載地址)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!