一、在Qt Designer中直接添加样式
- 单个显示控件：对需要修改样式的显示控件，右键单击选中“改变样式表...”选项，在弹出的编辑样式表窗口中，添加对应的样式表内容。
- 整体显示控件：在Qt Designer的对象查看器子窗口中，选择需要修改的局部或整体的对象，右键单击选中“改变样式表...”选项，在弹出的编辑样式表窗口中，添加对应的样式表内容。
二、在代码中添加样式
针对整体或局部显示控件，使用对应的控件对象（整体的控件对象为this指针）调用setStyleSheet("[样式表内容]")函数来实现控件的样式的设置。
ui->pushButton->setStyleSheet("QPushButton{background-color: rgb(225, 225, 225);border:2px groove gray;border-radius:50px;padding:2px 4px;border-style: outset;}"
"QPushButton:hover{background-color:rgb(229, 241, 251); color: black;}"
"QPushButton:pressed{background-color:rgb(204, 228, 247);border-style: inset;}");
qBtn->setStyleSheet("QPushButton{color:#FFFFFF;background-color: #1D9DFF;border:2px solid #1d9DFF;}"
"QPushButton:hover{color: #FF6666;background-color: #8EC8FD;border-radius:4px;}"
"QPushButton:pressed{color: #FFFFFF;background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #3BA0FE, stop:1 #1D9DFF);}");
三 通过读取样式文件来试着样式
- 首先将需要设置的样式表内容写入对应的.qss或.css文件中，其样式表内容的书写格式与css一致。
/*所有QPushButton都有效*/
QPushButton
{
border: 2px solid rgb(190,190,190);
background-color: rgb(255,38,0);
color:rgb(0,0,0);
}
/*鼠标在QPushButton悬停时生效*/
QPushButton:hover{
border: 2px solid rgb(60,142,99);
border-radius: 6px;
color:#Faab10
}
/*ObjectName为btn_Start、btn_Stop的QPushButton有效*/
/*是ObjectName 不是属性名，可以使用setObjectName函数设置*/
QPushButton#btn_Start{
border: 2px solid #33FFFF;
border-radius: 6px;
color:#FF0000;
background-color:#FF99CC;
}
- 将样式表文件作为资源加入到项目中
- 打开样式表文件，读取文件内容，并将这些内容存储为Qt的QString类型，然后按照方法2的方式调用。其中，打开和读取样式表文件，并将样式表内容存储为QString类型对象的代码如下所示：
QString loadStyleSheet(const QString &sheetName)
{
QString styleSheet;
QFile file(sheetName);
file.open(QFile::ReadOnly);
if (file.isOpen())
{
styleSheet = QLatin1String(file.readAll());
}
return styleSheet;
}
static void setStyle(const QString &cssname)
{
QFile file(cssname);
file.open(QIODevice::ReadOnly);
QString css = QLatin1String(file.readAll());
qApp->setStyleSheet(css);
file.close();
}
https://blog.csdn.net/weixin_42887343/article/details/123205555
https://blog.csdn.net/chan_qx/article/details/105764850
https://blog.csdn.net/Snow__Sunny/article/details/119205422
https://www.cnblogs.com/ruandahua/p/16020483.html
https://www.jianshu.com/p/4bf2526cc90d
