qpython3编辑器怎么用_Python快速入门系列：Pyqt5界面开发好帮手-Qss样式编辑器介绍...

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编辑器”内容给我，就有相关资源下载。