带标题的QFrame

Question

我需要实现一个带有标题的 QFrame（参见图片）。然而，在阅读QFrame的文档并尝试re-implement paintEvent(QPaintEvent*)方法后，我没有找到任何解决方案。

我想知道你们中的任何人是否可以提供一个小例子来展示我如何实现这样的目标：

谢谢！

Answer 1

作为创建自己的复合小部件的替代方法，您可以使用内容边距来伪造标题栏...

#include <QFont>
#include <QFrame>
#include <QPainter>

class titled_frame: public QFrame {
    using super = QFrame;
public:
    explicit titled_frame (const QString &title = "A Title Here", QWidget *parent = nullptr)
        : super(parent)
        , m_title(title)
        {
            /*
             * Set the top margin based on the font height.
             */
            setContentsMargins(0, 2 * fontInfo().pixelSize(), 0, 0);
        }
protected:
    virtual void paintEvent (QPaintEvent *event) override
        {

            /*
             * Draw the title centred in the top margin.
             */
            QPainter painter(this);
            QRect title_rect(QPoint(0, 0), QSize(width(), contentsMargins().top()));
            painter.fillRect(title_rect, Qt::blue);
            painter.setPen(Qt::black);
            painter.drawText(title_rect, Qt::AlignCenter, m_title);

            /*
             * Defer to the base class implementation to update everything else.
             */
            super::paintEvent(event);
        }
private:
    QString m_title;
};

然后用作...

titled_frame tf("A Title Here");
auto *layout = new QVBoxLayout(&tf);
layout->addWidget(new QLabel("Any QLayout or QWidget here..."));
tf.show();

带标题的QFrame

QFrame With Title

c++

qt

qwidget

paintevent

qframe