关于Qt中的qss样式表需要注意的坑

关于Qt中的qss样式表需要注意的坑,第1张

关于QSS要注意的坑。

- qss源自css,相当于css的一个子集,主要支持的是css2标准,很多网上的css3的标准的写法在qss这里是不生效的,所以不要大惊小怪。

- qss也不是完全支持所有的css2,比如text-align官方文档就有说明,只支持 QPushButton and QProgressBar,务必看清楚。

- 有时候偷懒直接来一句 *{xxx},你会发现大部分是应用了,也有小部分或者极个别没有应用,你可能需要在对应的窗体中 this->setStyleSheet() 来设置。

- qss的执行是有优先级的,如果没有指定父对象,则对所有的应用,比如在窗体widget中 {color:#ff0000} 这样会对widget以及widget的所有子对象应用该样式,这种问题各大群每周都有人问,你会发现各种奇奇怪怪的异样不正常,怎么办呢,你需要指定类名或者对象名,比如 #widget{color:#ff0000} 这样就只会对widget对象应用该样式,另一种写法 QWidget#widget{color:#ff0000},只想对窗体本身而不是子控件按钮标签等 .QWidget{color:#ff0000} ,具体详细规则参见官方说明。

- qss整体来说还是可以的,解析速度性能在Qt5高版本后期比Qt4好很多,尤其是修复了不少qss中的解析绘制BUG。尽管有这样那样的BUG,怀着包容的心对待它。

- qss官方学习地址1:[http://47.100.39.100/qtwidgets/stylesheet-reference.html](http://47.100.39.100/qtwidgets/stylesheet-reference.html)

- qss官方学习地址2:[http://47.100.39.100/qtwidgets/stylesheet-examples.html](http://47.100.39.100/qtwidgets/stylesheet-examples.html)

Qt样式表有多种运行机制,主要是考虑到各种需求场景,继承自QWidget的类和qApp类都支持setStyleSheet方法,还可以统一将样式表放在文件,或者将样式文件加入到资源文件。

- 斗气:qss内容写得到处都是,哪里需要就写在哪里,各种控件调用 setStyleSheet方法传入样式表内容,或者直接对应控件鼠标右键d出菜单选择改变样式表填入内容;

- 斗者:qss内容放在文件,读取文件内容设置样式表,程序发布的时候带上qss文件;

- 斗师:qss文件作为资源文件放到qrc文件,直接编译到可执行文件中,防止篡改;

- 斗灵:在qss文件中自定义一些标志充当变量使用,读取以后替换对应的变量为颜色值,类似动态换肤;

- 斗王:放在文件容易被篡改,集成到可执行文件不够灵活,一旦样式表更新需要重新编译文件,如何做到既能只更新样式表文件,又不需要重新编译可执行文件,又能防止被篡改:采用rcc命令将资源文件编译生成二进制,只需要替换该二进制文件即可;

- 斗皇:继承qstyle类自己实现完成所有样式接口,统一整体风格,大名鼎鼎的UOS系统默认规则就是如此,不允许用样式表,全部painter绘制;

简单来说,不要用this->setStyleSheet()

父窗体和子窗体如果同时存在一个Widget的控件

那么父窗体使用this->setStyleSheet(QSS),那么子窗体的Widget的样式自然也就会被父窗体Widget样式覆盖掉

建议是每个控件都不要重名,加上窗体名前缀区分

然后QSS里用#【控件名】进行约束,而不是QWidget{}这样来设置样式

如果已经开发到了一定程度,修改控件名的代价太大,那就删掉全部的this->setStyleSheet(),然后每个控件单独setStyle(qss)来补救了,虽然烦,但是这是唯一办法

https://www.cnblogs.com/gusseMe/articles/5444284.html

1)首先在程序的源码文件夹下边建立一个存放资源文件(比如图片)的文件夹.

建立资源文件夹的位置不要选错了。

2)然后在右键当前项目,然后选"择添加新文件"

3)然后选择"Qt资源文件"

4)然后输入资源文件的名字(以.qrc后缀结尾)

建立好资源文件之后,就为资源文件添加“前缀”

5)然后把这个前缀修改为/     

6)接下来就说往其中添加图片了(静态的我一般添加为png)

7)添加好资源图片的样子

8)使用资源图片,主要是路径

newAction->setIcon(QIcon(":/images/new.png"))


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11656950.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存