当前位置：首页 > news >正文

CSS 文件格式

news 来源：原创 2025/4/21 21:15:53

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