前言
今天就來學(xué)習(xí)一下圖形設(shè)計界面的美化,首先我們知道 QtDesigner設(shè)計出來的界面默認是不太怎么美觀的。所以在以后的實際開發(fā)中很多界面都是要美化的。那么現(xiàn)在來看看具體怎么美化。
首先我們要知道在什么地方美化它。
1 軟件背景的添加
![](/d/20211017/6a16a0b9f4f4a31d0238ec14d3bb0e0d.gif)
最簡單的方法就是直接在設(shè)計界面時,在style里直接用css美化。
#
添加背景
QWidget {
border-image:url(C:/Users/DELL/Pictures/Saved Pictures/1.jpg);
}
#下面的防止背景干擾其他控件
QTextBrowser {
border-image:url();
}
QLineEdit {
border-image:url();
}
QComboBox {
border-image:url();
}
QLabel {
border-image:url();
}
QPushButton {
border-image:url();
}
其中url后面跟的是你的背景圖片在電腦里的存儲位置(一定要選擇大小合適的圖片做背景)
![](/d/20211017/49bb2dec7a65c85261304501c1f4aa9c.gif)
其實添加背景的代碼就這一個就可以,但是我們在設(shè)計界面的時候由于子類對父類有繼承性,父類有的子類都有。所以為了防止背景圖對其他控件產(chǎn)生影響我們在下面加入以下代碼
函數(shù)名其實就是控件的名稱
這樣寫可以實現(xiàn)該控件的背景不受父類背景圖的影響
控件名 {
border-image:url();
}
假設(shè)設(shè)置背景時,其余子類控件我不這么設(shè)置會怎么樣?
![](/d/20211017/ea169f58d6621193010b9f2b26b65405.gif)
![](/d/20211017/ebc48d044afebbf95bf68f1dc9155f05.gif)
我們可以看到子類控件里都繼承了父類背景圖。讓人看起來眼花繚亂。
2 背景透明化
還是在style里設(shè)置但是要注意以下幾點??丶Q要寫對,第二180代表的時透明度。設(shè)置為0時全透明,255時不透明。
我設(shè)置成了180相當(dāng)于半透明。后面的color代表的是框內(nèi)字體的顏色。
由于這個框是用來輸出的所以之后從框內(nèi)輸出的信息字體顏色都會改變。.border是邊框,這里設(shè)置成none表示無邊框。
![](/d/20211017/fa57f7922c00e119230cfe408a78b3bd.gif)
我們來從Python里運行以下程序看看輸出字體的顏色效果。
沒輸密碼時狀態(tài)框什么也不顯示。
![](/d/20211017/464f7fdc350e87c972c359f991761987.gif)
當(dāng)輸入密碼錯誤時,輸出的字體顏色被改變
![](/d/20211017/698cc138003e9b930d80f5cb71e142d5.gif)
3 字體大小設(shè)置
字體設(shè)置有兩種方法
方法一:直接手動選擇
![](/d/20211017/70895b45aff203d5d4b4a68916cfb694.gif)
方法二:style里用qss美化
![](/d/20211017/11c19be02b0a70d517f0e8bdf302ffa9.gif)
4 控件的背景顏色
如果我們不需要設(shè)置透明背景的話,就要給我們的控件添加一個背景顏色
![](/d/20211017/b7f9e9472940112b59c1a88dad051054.gif)
總括
今天講的都是最簡單的美化,其實qss美化功能還很強大。建議如果是對軟件界面要求很高的話,還是使用qss來進行美化。這樣效果會更好點,但是要有一定的qss基礎(chǔ)。
您可能感興趣的文章:- Python基礎(chǔ)之tkinter圖形化界面學(xué)習(xí)
- Python聊天室?guī)Ы缑鎸崿F(xiàn)的示例代碼(tkinter,Mysql,Treading,socket)
- python2利用wxpython生成投影界面工具的圖文詳解
- python tkinter制作用戶登錄界面的簡單實現(xiàn)
- 用python制作個論文下載器(圖形化界面)
- Python中pycharm編輯器界面風(fēng)格修改方法
- python實現(xiàn)簡單的井字棋游戲(gui界面)
- 一個非常簡單好用的Python圖形界面庫(PysimpleGUI)
- python制作一個簡單的gui 數(shù)據(jù)庫查詢界面
- python 實現(xiàn)倒計時功能(gui界面)
- 用Python給圖像算法做個簡單應(yīng)用界面