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();
}