您的位置:首頁技術文章
文章詳情頁

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

瀏覽:37日期:2022-06-25 13:40:26
前言

今天就來學習一下圖形設計界面的美化,首先我們知道 QtDesigner設計出來的界面默認是不太怎么美觀的。所以在以后的實際開發中很多界面都是要美化的。那么現在來看看具體怎么美化。

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

1 軟件背景的添加

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

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

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

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

函數名其實就是控件的名稱

這樣寫可以實現該控件的背景不受父類背景圖的影響

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

假設設置背景時,其余子類控件我不這么設置會怎么樣?

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

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

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

2 背景透明化

還是在style里設置但是要注意以下幾點??丶Q要寫對,第二180代表的時透明度。設置為0時全透明,255時不透明。

我設置成了180相當于半透明。后面的color代表的是框內字體的顏色。

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

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

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

沒輸密碼時狀態框什么也不顯示。

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

當輸入密碼錯誤時,輸出的字體顏色被改變

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

3 字體大小設置

字體設置有兩種方法

方法一:直接手動選擇

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

方法二:style里用qss美化

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

4 控件的背景顏色

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

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

總括

今天講的都是最簡單的美化,其實qss美化功能還很強大。建議如果是對軟件界面要求很高的話,還是使用qss來進行美化。這樣效果會更好點,但是要有一定的qss基礎。

標簽: Python 編程
相關文章:
国产综合久久一区二区三区