CSS 文件格式
A QFrame#andrFrm[status="android_en"]
A
:表示父类或顶层窗口的类型。如果A
是一个自定义的类名,确保该类已经正确注册到 Qt 系统中。QFrame
:表示具体的控件类型。#andrFrm
:表示控件的对象名称(通过setObjectName("andrFrm")
设置)。[status="android_en"]
:表示控件的动态属性值为"android_en"
。
border-image: url(:/images/android_en.png) 0 0 0 0 stretch stretch;
(1) 动态属性未正确设置
- 在 Qt 中,使用
[status="android_en"]
的前提是控件的status
属性已被正确设置。 - 如果没有调用
setProperty()
方法,或者属性值不匹配,样式表规则不会生效。
andrFrm->setProperty("status", "android_en");
设置属性后刷新样式
andrFrm->style()->unpolish(andrFrm);
andrFrm->style()->polish(andrFrm);
andrFrm->update();
(2)资源路径问题
确保图片已添加到 .qrc
<RCC><qresource prefix="/images"><file>android_en.png</file></qresource>
</RCC>
完整代码示例
#include <QApplication>
#include <QFrame>
#include <QPushButton>
#include <QVBoxLayout>
#include <QFile>
#include <QDebug>class A : public QWidget {
public:A(QWidget *parent = nullptr) : QWidget(parent) {// 创建 QFrame 控件andrFrm = new QFrame(this);andrFrm->setObjectName("andrFrm");andrFrm->setFixedSize(200, 200);// 设置布局QVBoxLayout *layout = new QVBoxLayout(this);layout->addWidget(andrFrm);// 添加按钮用于切换状态QPushButton *btnAndroidEn = new QPushButton("Set Android_EN", this);QPushButton *btnClear = new QPushButton("Clear Status", this);layout->addWidget(btnAndroidEn);layout->addWidget(btnClear);// 连接信号与槽connect(btnAndroidEn, &QPushButton::clicked, this, [this]() {andrFrm->setProperty("status", "android_en");updateStyle();});connect(btnClear, &QPushButton::clicked, this, [this]() {andrFrm->setProperty("status", QVariant()); // 清除属性updateStyle();});}private:QFrame *andrFrm;void updateStyle() {andrFrm->style()->unpolish(andrFrm); // 解除样式andrFrm->style()->polish(andrFrm); // 重新应用样式andrFrm->update(); // 更新控件}
};int main(int argc, char *argv[]) {QApplication app(argc, argv);// 加载样式表QFile styleFile(":/styles/style.css");if (styleFile.open(QFile::ReadOnly)) {QString styleSheet = QLatin1String(styleFile.readAll());app.setStyleSheet(styleSheet);}A window;window.show();return app.exec();
}