提交 8b719f78 编写于 作者: mahuifa's avatar mahuifa

docs:修改QStyleDemo.md

上级 6bda3c2e
...@@ -6,10 +6,11 @@ ...@@ -6,10 +6,11 @@
## 1、说明 ## 1、说明
| 工程 | 功能 | | 工程 | 功能 |
| -------- | ------------------------ | | ----------- | ------------------------ |
| QssDemo | 常见的组件基本QSS样式表 | | QssDemo | 常见的组件基本QSS样式表 |
| IconDemo | Qt使用QStyle内置图标Demo | | IconDemo | Qt使用QStyle内置图标Demo |
| QssProperty | QSS样式表使用---属性功能 |
...@@ -39,3 +40,16 @@ ...@@ -39,3 +40,16 @@
![icon](QStyleDemo.assets/icon.gif) ![icon](QStyleDemo.assets/icon.gif)
### 1.3 QssProperty
> * Qss内置了许多的伪状态可以用于设置控件的样式动态变化(例如:`:checked`、`:hover`),但在日常开发中为了更加灵活的样式,这些伪状态就不够用了;
> * 将QObject中的属性功能与Qss结合使用就会发现不一样的风景,主要有4种用法;
> 1. 使用**Qss属性选择器**设置通过【Q_PROPERTY】定义的属性的样式,当属性状态改变后控件样式跟着改变;
> 2. 使用**Qss属性选择器**设置通过【setProperty()】定义的动态属性的样式,当属性状态改变后控件样式跟着改变;
> 3. 使用 【qproperty-<属性名称>】语法设置通过Q_PROPERTY定义的属性的值;
> 4. 定义一个枚举,使用Q_ENUM或者Q_ENUMS注册枚举类型,使用Q_PROPERTY定义一个已注册的枚举类型的属性,可以通过【qproperty-<属性名称>:枚举名称】方式设置属性的值。
> * 在代码中不再是将样式表放在资源文件中,而是放到可执行程序路径下,可定制性更强。
![QssProperty-tuya](QStyleDemo.assets/QssProperty-tuya.gif)
...@@ -48,7 +48,7 @@ DESTDIR = $$path # 指定编译后的文件存放路径 ...@@ -48,7 +48,7 @@ DESTDIR = $$path # 指定编译后的文件存放路径
qssFile.path = $$path qssFile.path = $$path
qssFile.files = $$PWD/style.css qssFile.files = $$PWD/style.css
INSTALLS += qssFile # qss文件拷贝到path路径下,需要配置【项目】->Build->【添加Build步骤】->Custom Process Step: jom.exe install才生效 INSTALLS += qssFile # qss文件拷贝到path路径下,需要配置【项目】->Build->【添加Build步骤】->Custom Process Step: D:\Qt\Qt5.12.5\Tools\QtCreator\bin\jom.exe install才生效
# msvc 编译器使用utf-8编码 # msvc 编译器使用utf-8编码
msvc { msvc {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册