上篇文章介紹了PyQt5在PyCharm中的應(yīng)用荣病，那么現(xiàn)在就實(shí)戰(zhàn)下伦籍，把爬取網(wǎng)易云音樂歌詞的程序使用GUI編程做出來吧佩厚。
1.設(shè)計(jì)
使用墨刀大體設(shè)計(jì)了一個(gè)很粗略的原型圖
2.實(shí)現(xiàn)
1).設(shè)置主程序大小
新建了MainWindow后冈绊，在右側(cè)PropertyEditor中設(shè)置minimumSize和maximumSize為設(shè)計(jì)圖中的730px*540px匙睹，這兩個(gè)值為一致的話則為固定窗口大小。
2).設(shè)置Tab Widget
在左側(cè)把TabWidget拖到主程序中瑟由，然后在右側(cè)設(shè)置geometry中x,y為0,0 讓其頂住主程序的左上角絮重，然后再設(shè)置寬高。
3).設(shè)置背景
不管怎么樣歹苦，必須得好看呀青伤，所以背景圖必不可少呀。
可以使用Lable實(shí)現(xiàn)殴瘦，把Label拖動(dòng)過去狠角，清空默認(rèn)內(nèi)容，大小拖動(dòng)到滿屏蚪腋，然后在右側(cè)找到QLabel這個(gè)元素使用Pixmap的這個(gè)是Lable用來加載圖片的方法丰歌，我們把自己喜歡的背景圖片加上去姨蟋。
4).設(shè)置內(nèi)容
a).設(shè)置搜索框
首先設(shè)置搜索框，使用Line Edit拖動(dòng)過去后點(diǎn)擊右鍵選擇 Change Style Sheet 再選擇Add Color中的background-color設(shè)置如圖Alpha值為200立帖，右側(cè)的placeholderText設(shè)置提醒內(nèi)容
同樣右鍵選擇Change ObjectName 命名為 le_search
b).設(shè)置按鈕
使用Push Button組件眼溶，拖動(dòng)好大小后，在右側(cè)輸入text和選擇icon晓勇，然后再設(shè)置背景和Alpha值堂飞。
然后搜索按鈕右鍵ChangeObjectName為 searchBtn，下載為 downloadBtn
c).設(shè)置列表
使用List Widget組件绑咱，拖動(dòng)好大小后酝静，點(diǎn)擊右鍵選擇 Change Style Sheet 再選擇Add Color中的background-color設(shè)置如圖Alpha值為100，歌手列表名改為lw_singers羡玛，歌曲列表為lw_songs
d).設(shè)置說明
使用Text Browser組件别智，拖動(dòng)好大小后，點(diǎn)擊右鍵選擇 Change Style Sheet 再選擇Add Color中的background-color設(shè)置如圖Alpha值為0稼稿，Add Font 中設(shè)置字體和字體大小
雙擊此組件薄榛，然后編輯文字內(nèi)容
5).設(shè)置Tab
在QTabWidget中設(shè)置currentTabText 和 currentTabIcon
6).設(shè)置生成詞云頁
其他操作類似上個(gè)Tab頁，這里用Group Box組件让歼，拖動(dòng)到頁面調(diào)整大小敞恋，然后右側(cè)設(shè)置title
7).設(shè)置詞云內(nèi)容
使用Label組件作為標(biāo)題，使用Line Edit作為文件內(nèi)容框谋右，使用Push Button組件作為按鈕硬猫，字體和圖片項(xiàng)一樣。
ObjectName依次設(shè)置為：le_word_file改执、word_file_btn啸蜜；le_word_font、word_font_btn辈挂；le_word_img衬横、word_img_btn
8).設(shè)置詞云操作
使用Group Box組件做為底框，使用Push Button組件作為按鈕终蒂，在右邊設(shè)置icon和text蜂林，ObjectName設(shè)置為createBtn、downBtn
9).使用說明
使用Group Box組件做為底框拇泣，使用Text Browser組件作為文本輸入內(nèi)容即可噪叙。
3.總結(jié)
使用Qt Designer可以快速，便捷的開發(fā)GUI頁面霉翔，非常友好睁蕾。
這里只實(shí)現(xiàn)了GUI頁面的具體實(shí)現(xiàn)步驟，相當(dāng)于只實(shí)現(xiàn)了MVC的V層早龟，和Python代碼的交互打算寫在下篇文章惫霸，不然內(nèi)容太多就不利于理解和閱讀了。
