QSS详解
文章平均质量分 63
分享一些常用的QSS样式表
fyzy
这个作者很懒,什么都没留下…
展开
-
关于qt加载qss 图片相对路径问题
编写QSS文件建议使用VSCODE软件,会有提示信息(如:文件路径自动补全,颜色等)。如果使用资源的话:url(:/image/logo.png);如果使用相对路径:url(image/logo.png);建议qss文件和image文件夹 放在exe同级目录。1.qss文件是相对.exe的路径。原创 2023-06-09 11:08:29 · 1937 阅读 · 0 评论 -
qt动态加载qss 更好的推荐方式
放在文件容易被篡改,集成到可执行文件不够灵活,一旦样式表更新需要重新编译文件,如何做到既能只更新样式表文件,又不需要重新编译可执行文件,又能防止被篡改:采用rcc命令将资源文件编译生成二进制,只需要替换该二进制文件即可;当我们在开发过程中,需要将qss文件加载到main文件里,那么,此时相对的是main文件而不是qss文件本身。当我们使用编译好的exe文件打开软件,那么此时相对的是exe文件,也不是qss文件本身。相对哪个文件没有搞清楚,因为在开发过程中,并不是相对于qss文件本身。原创 2023-04-12 11:09:47 · 1042 阅读 · 0 评论 -
qt日历控件(QCalendar)的美化
QCalendarWidget 日历控件转载 2023-03-24 16:39:50 · 1817 阅读 · 0 评论 -
一些通用的QSS属性
border-color 为设置边框颜色,可以使用十六进制数表示颜色,也可以使用某些特殊的字体颜色:red, green, blue 等,或者使用 rgb(r,g,b) 和 rgba(r,g,b,a) 来设置,其中 r、g、b、a 值为0~255,如果想不显示颜色可以设置值为透明 transparent。border-style 为设置边框样式,solid 为实线, dashed 为虚线, dotted 为点线, none 为不显示(如果不设置 border-style 的话,默认会设置为 none)原创 2023-03-24 16:27:40 · 870 阅读 · 0 评论 -
image、border-image、background-image的区别
Qt 设置样式表 加载图片时 //背景 不会自动适应图片,background-image像电脑桌面的平铺,图片尺寸不变 setStyleSheet(QString("background-image:url(:/image/test.jpg)")); //背景 自动适应图片,border-image像桌面的拉伸效果,常用 setStyleSheet(QString("border-image:url(:/image/test.jpg);")); //前景 自动适应图片,border-ima..原创 2020-11-10 17:30:16 · 4470 阅读 · 0 评论 -
Qt加载QSS更换皮肤
加载qss 更换皮肤void frmMain::loadStyle(){ //加载样式表 QString qss; QFile file(":/qss/black.css"); //此处更换不同的文件名即可切换皮肤 if (file.open(QFile::ReadOnly)) {#if 1 //用QTextStream读取样式文件不用区分文件编码 带bom也行 QStringList list; QTextStre原创 2020-09-05 14:16:55 · 637 阅读 · 0 评论 -
QTabBar样式设置
1.设置Tab的固有样式//表示tabBar一直显示的样式 QTabBar::tab { background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);原创 2020-08-28 09:53:30 · 10635 阅读 · 4 评论 -
QSS设置辅助工具
概述在使用QSS美化界面的时候,qt creator自带的编辑样式表不是很方便,下面分享三个QSS开发辅助工具。1.QSS EditorQSS Editor 是一个用于编辑和预览 Qt 样式表(QSS)的工具。可以实时预览,但是没有语法提示,对于不熟悉 QSS 的人来说用起来比较吃力。主页地址:https://sourceforge.net/projects/qsseditor/2.Rizek Qss EditorRizek Qss Editor 是一个非常现代、方便的 QSS原创 2020-08-27 13:59:14 · 924 阅读 · 0 评论 -
Qt QLabel设置获取字体颜色
一、QLabel设置字体颜色方法一:设置样式表ui->label->setStyleSheet("color:red;");方法二:通过调色板设置QPalette p;p.setColor(QPalette::WindowText,Qt::blue);ui->label->setPalette(p);二、获取QLabel的字体颜色ui->label->palette().windowText().color().name();注意:原创 2020-07-22 18:27:30 · 4628 阅读 · 0 评论 -
Qt样式表三
后代选择器格式:选择器1 选择器2{属性:值;}这个选择器表示:在选择器1匹配的所有对象中,找到选择器2中所有匹配的所有后代对象,并给他们设置样式。注意:1.后代选择器必须使用空格隔开每个选择器;2.后代选择器可以通过空格一直延续下去,例如:选择器1 选择器2 选择器3 ... 选择器N{属性:值;})。3.后代选择器还可以使用类选择器,id选择器;4.qt中控件的父子关系,取决于如何布局。一般用法:后代选择器一般用于指定特定类的后代的样式,例如在应用程序中,有很多类似的原创 2020-07-21 17:33:55 · 345 阅读 · 0 评论 -
Qt样式表二
语法基本语法:由一条样式规则由一个选择器和一个生命语句组成,选择器指明了哪个(哪类)控件将会受到规则的影响,声明语句则说明哪些属性会设置到这(类)控件。语法:selector{attribute:value;}eg:QPushButton{color:red;},表示所有的QPushButton的对象及子类对象将使用red作为他们的字体颜色。选择器通用选择器格式:*{属性:值;},通用选择器用(*)来表示,它表示匹配程序中所有的widget。注意:由于通用选择器会匹配所有的wid原创 2020-07-21 16:36:54 · 225 阅读 · 0 评论 -
Qt设置按钮的icon
方法一:通过ui编辑界面中如下设置,选择资源即可实现,默认文本在友,图片在左。可以通过更改layoutDirection:RightToLeft,可以文本在左,图片在右。方法二:设置样式表原创 2020-06-06 15:32:23 · 3480 阅读 · 1 评论 -
QSS-Qt样式表一
QSS即Qt StyleSheet(Qt样式表)的简称,是一种用来自定义控件外观的强大机制,QSS可以让我们的程序界面更加漂亮每条QSS样式都由两部分组成:1. 选择器,该部分指定要美化的控件 2. 声明,该部分指定要在控件上使用的属性声明:label->setStyleSheet('QLabel{border-style:solid;border-width:16;border-color: red yellow blue green;}') #设置样式 ...原创 2020-05-26 17:18:22 · 1164 阅读 · 0 评论 -
Qt之渐变QLinearGradient、QRadialGradient、QConicalGradient
1、QLinearGradient线性渐变代码一及演示:void MainWindow::drawLine(QPainter *painter){ painter->save(); painter->setRenderHint(QPainter::Antialiasing,true); QLinearGradient Linear(100,100,...原创 2019-12-19 10:37:47 · 1718 阅读 · 1 评论