Python + Pyqt5界面開發時，總是需要考慮美化界面，QssStylesheetEditor 是一個功能強大的 Qt 樣式表(QSS)編輯器，支持實時預覽，自動提示，自定義變量。

功能簡介

Qss代碼高亮，代碼折疊* Qss代碼自動提示，自動補全* 實時預覽 Qss 樣式效果* 可以預覽幾乎所有的 qtwidget 控件效果* 支持在 Qss 中自定義變量* 自定義變量可以在顏色對話框中拾取變量的顏色* 支持相對路徑引用圖片，以及引用資源文件中的圖片* 支持切換不同的系統 theme，如 xp 主題，vista 主題等(不同 theme 下 qss 效果會略有差異)* 能夠在 windows，linux，unix 上運行* 支持多國語言（中文，英文）

安裝使用

按照如下步驟運行 QssStylesheetEditor:

安裝 python3

安裝 PyQt5： pip instll PyQt5

安裝 Qscintilla： pip instll Qscintilla

安裝 chardet pip install chardet

下載解壓軟件：

下載 QssStylesheetEditor_v1.5.zip（文章末尾附帶下載地址）

解壓并進入 QssStylesheetEditor_v1.5 文件夾： cd QssStylesheetEditor_v1.5

運行 QssStylesheetEditor:

鼠標雙擊 qsseditor.pyw

或者命令行運行 python qsseditor.pyw

windows 64bit 操作系統可以下載 exe，直接運行。（文章末尾附帶下載地址）

變量定義

本軟件支持在 qss 中自定義變量，變量定義方式如下：

$background = #fff; $border = red;

變量引用方法：通過“$變量名”方式引用。參考如下：

QWidget { color: $text; background-color: $background; }

qss 中顏色等有很多相同的，使用變量后會大大減少工作量，方便修改。

定義了變量的 qss 文件在 QssStylesheetEditor 中擴展名定義為 qsst 可以通過軟件的導出功能，將 qsst 導出為 qss 文件

當然也可以直接在 QssStylesheetEditor 軟件中編輯 qss 樣式

QssStylesheetEditor 自動識別添加變量，顏色拾取功能

在 QssStylesheetEditor 中自定義一個變量后，在軟件的顏色欄會自動顯示變量名字和顏色，點擊顏色可以用通過顏色拾取框選取變量顏色。

在 QssStylesheetEditor 中引用一個未定義的變量后，軟件會自動識別，并在顏色欄顯示該變量名字。如果通過顏色拾取框為該變量選擇了顏色，這軟件會自動在文檔中添加該變量定義。

圖片引用

相對路徑引用

background-image: url("img/close.png"); /* background-image: url(img/close.png); */

軟件會在打開的 xxx.qss 文件所在的文件夾下查找 img/close.png 文件。

資源文件引用

background-image: url(":/img/close.png"); /* background-image: url(:/img/close.png); */

軟件會在當前打開的 xxx.qss 樣式文件所在目錄中搜索資源文件 xxx.py 并自動加載。

自動補全

Qss樣式編輯器就介紹到這里，喜歡的朋友點個贊，關注一下，如果需要Qss樣式編輯器的軟件文件下載，可以私信“qss編輯器”內容給我，就有相關資源下載。

總結

以上是生活随笔為你收集整理的qpython3编辑器怎么用_Python快速入门系列：Pyqt5界面开发好帮手-Qss样式编辑器介绍...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。