Python PyQt5-圖形界面的美化操作

前言

今天就來學(xué)習(xí)一下圖形設(shè)計界面的美化，首先我們知道 QtDesigner設(shè)計出來的界面默認(rèn)是不太怎么美觀的。所以在以后的實(shí)際開發(fā)中很多界面都是要美化的。那么現(xiàn)在來看看具體怎么美化。

首先我們要知道在什么地方美化它。

1 軟件背景的添加

最簡單的方法就是直接在設(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后面跟的是你的背景圖片在電腦里的存儲位置（一定要選擇大小合適的圖片做背景）

其實(shí)添加背景的代碼就這一個就可以，但是我們在設(shè)計界面的時候由于子類對父類有繼承性，父類有的子類都有。所以為了防止背景圖對其他控件產(chǎn)生影響我們在下面加入以下代碼

函數(shù)名其實(shí)就是控件的名稱

這樣寫可以實(shí)現(xiàn)該控件的背景不受父類背景圖的影響

控件名 {
border-image:url();
}

假設(shè)設(shè)置背景時，其余子類控件我不這么設(shè)置會怎么樣？

我們可以看到子類控件里都繼承了父類背景圖。讓人看起來眼花繚亂。

2 背景透明化

還是在style里設(shè)置但是要注意以下幾點(diǎn)?？丶Q要寫對，第二180代表的時透明度。設(shè)置為0時全透明，255時不透明。

我設(shè)置成了180相當(dāng)于半透明。后面的color代表的是框內(nèi)字體的顏色。

由于這個框是用來輸出的所以之后從框內(nèi)輸出的信息字體顏色都會改變。.border是邊框，這里設(shè)置成none表示無邊框。

我們來從Python里運(yùn)行以下程序看看輸出字體的顏色效果。

沒輸密碼時狀態(tài)框什么也不顯示。

當(dāng)輸入密碼錯誤時，輸出的字體顏色被改變

3 字體大小設(shè)置

字體設(shè)置有兩種方法

方法一：直接手動選擇

方法二：style里用qss美化

4 控件的背景顏色

如果我們不需要設(shè)置透明背景的話，就要給我們的控件添加一個背景顏色

總括

今天講的都是最簡單的美化，其實(shí)qss美化功能還很強(qiáng)大。建議如果是對軟件界面要求很高的話，還是使用qss來進(jìn)行美化。這樣效果會更好點(diǎn)，但是要有一定的qss基礎(chǔ)。