Qt QSS 设置教程:自定义应用程序界面样式
Qt 的 QSS (Qt Style Sheets) 可以用于改变 Qt 应用程序的外观和风格。以下是设置 QSS 的方法:
- 在 Qt 应用程序的主窗口中添加一个 QApplication 对象。
#include <QApplication>
#include <QFile>
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
...
return app.exec();
}
-
创建一个 .qss 文件,并将其保存在应用程序的资源文件中。
-
在应用程序的主窗口中加载 .qss 文件。
QString qss;
QFile file(":/qss/style.qss");
if (file.open(QIODevice::ReadOnly | QIODevice::Text))
{
qss = file.readAll();
file.close();
}
app.setStyleSheet(qss);
注意:文件路径中的':' 表示资源文件。如果 .qss 文件不在资源文件中,可以使用文件的绝对路径。
- 编写 .qss 文件。
.qss 文件的语法与 CSS 相同,可以使用 CSS 的选择器、属性和值来定义样式。例如:
QPushButton {
border: 2px solid #8f8f91;
border-radius: 6px;
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #f6f7fa, stop: 1 #dadbde);
min-width: 80px;
}
QPushButton:hover {
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #dadbde, stop: 1 #f6f7fa);
}
以上代码将设置所有 QPushButton 的样式,其中包括边框、圆角、背景色和最小宽度。当鼠标悬停在按钮上时,背景色将渐变到另一个颜色。
可以使用 CSS 的众多特性来自定义 Qt 应用程序的外观和风格。
原文地址: http://www.cveoy.top/t/topic/nAd1 著作权归作者所有。请勿转载和采集!