qt widget设置边框|极客教程

qt widget设置边框

在Qt中，我们经常会需要给界面上的部件设置边框，以增加部件的可视性或者美观性。本文将详细介绍在Qt中如何给widget设置边框，包括使用样式表和重写paintEvent两种方法。

使用样式表设置边框

Qt中可以通过设置样式表来实现给widget设置边框的效果。样式表是一种类似CSS的机制，可以用来对Qt部件进行各种样式的定制。下面是一个简单的示例代码，演示如何使用样式表给widget设置边框：

#include <QtWidgets>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget widget;
    widget.setStyleSheet("QWidget { border: 1px solid black; }");

    widget.show();

    return app.exec();
}

在上面的示例代码中，我们创建了一个简单的QWidget部件，并通过设置样式表给其设置了1像素宽的黑色边框。可以根据需要调整样式表中的参数，比如修改边框颜色、宽度等。

重写paintEvent事件设置边框

除了使用样式表外，我们还可以通过重写部件的paintEvent事件来实现给widget设置边框。这种方法相对于样式表来说更加灵活，可以实现更加个性化的边框效果。下面是一个示例代码，演示如何通过重写paintEvent事件给widget设置边框：

#include <QtWidgets>

class CustomWidget : public QWidget
{
public:
    CustomWidget(QWidget *parent = nullptr) : QWidget(parent) {}

protected:
    void paintEvent(QPaintEvent *event) override
    {
        Q_UNUSED(event);

        QPainter painter(this);
        painter.setPen(QPen(Qt::black, 1));
        painter.drawRect(0, 0, width() - 1, height() - 1);
    }
};

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    CustomWidget widget;
    widget.show();

    return app.exec();
}

在上面的示例代码中，我们创建了一个自定义的CustomWidget部件，并重写了其paintEvent事件。在paintEvent事件中，我们通过QPainter绘制了一个1像素宽的黑色矩形边框。通过重写paintEvent事件，我们可以实现更加灵活的边框样式，比如虚线边框、圆角边框等。