qt使用qproperty在css中设置自定义的qobject类属性

在Qt的CSS样式表中使用 qproperty 来赋值，首先需要在类的定义中使用 Q_PROPERTY 宏声明属性，并提供相应的 getter 和 setter 函数。

// MyWidget.h

#ifndef MYWIDGET_H
#define MYWIDGET_H

#include <QWidget>

class MyWidget : public QWidget {
    Q_OBJECT
    Q_PROPERTY(QString text READ getText WRITE setText)

public:
    explicit MyWidget(QWidget *parent = nullptr);

    QString getText() const;
    void setText(const QString &text);

protected:
    void paintEvent(QPaintEvent *event) override;
};

#endif // MYWIDGET_H
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

// MyWidget.cpp

#include "MyWidget.h"
#include <QPainter>

MyWidget::MyWidget(QWidget *parent) : QWidget(parent) {
    // 初始化其他内容
}

QString MyWidget::getText() const {
    return m_text;
}

void MyWidget::setText(const QString &text) {
    m_text = text;
    update(); // 通知界面进行更新，这里假设你的属性影响了界面显示
}

void MyWidget::paintEvent(QPaintEvent *event) {
    Q_UNUSED(event);

    // 在绘制时使用 m_text
    QPainter painter(this);
    painter.drawText(rect(), m_text);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

MyWidget 类有一个名为 text 的属性，使用 Q_PROPERTY 宏声明，并提供了相应的 getter 和 setter 函数。

接下来，在CSS样式表中，使用 qproperty-text 来为这个属性设置值：

MyWidget {
    qproperty-text: "Hello, World!";
}
1
2
3