前言

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

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

1 軟件背景的添加

最簡(jiǎn)單的方法就是直接在設(shè)計(jì)界面時(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后面跟的是你的背景圖片在電腦里的存儲(chǔ)位置（一定要選擇大小合適的圖片做背景）

其實(shí)添加背景的代碼就這一個(gè)就可以，但是我們?cè)谠O(shè)計(jì)界面的時(shí)候由于子類對(duì)父類有繼承性，父類有的子類都有。所以為了防止背景圖對(duì)其他控件產(chǎn)生影響我們?cè)谙旅婕尤胍韵麓a

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

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

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

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

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

2 背景透明化

還是在style里設(shè)置但是要注意以下幾點(diǎn)。控件名稱要寫對(duì)，第二180代表的時(shí)透明度。設(shè)置為0時(shí)全透明，255時(shí)不透明。

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

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

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

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

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

3 字體大小設(shè)置

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

方法一：直接手動(dòng)選擇

方法二：style里用qss美化

4 控件的背景顏色

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

總括

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