css - 为什么QWidget的边框会盖住内容？

Question

我有一个派生自 QWidget 的自定义小部件，它的 minimumSize 为 (30, 30) 和一个 QLabel 作为 childWidget:

MyWidget::MyWidget (QWidget *parent, QPoint p,
                  QWidget *childWidget) : QWidget (parent)
{
    childWidget = this->childWidget;
    setAttribute (Qt::WA_DeleteOnClose);
    this->move (p);
    verticalLayout = new QVBoxLayout (this);

    if (childWidget != NULL)
    {
        childWidget->setParent (this);
        childWidget->releaseMouse();
        childWidget->setAttribute (Qt::WA_TransparentForMouseEvents,     true);
        verticalLayout->addWidget (childWidget);
    }
    this->setLayout(verticalLayout);
};

MyWidget::mouseMoveEvent (QMouseEvent *e)
{
    if (! (e->button() == Qt::RightButton))
    {
        this->update();
        this->raise();
    }
}

void MyWidget::mouseReleaseEvent (QMouseEvent *evt)
{
    QWidget::mouseReleaseEvent(evt);
    this->update();
}

MyWidget::mousePressEvent (QMouseEvent *e)
{
    if (! (e->button() == Qt::RightButton))
    {

        this->update();
        this->raise();
    }
}

void MyWidget::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(Qt::darkGreen);
    painter.drawRect(1, 2, 6, 4);
    painter.setPen(Qt::darkGray);
    painter.drawLine(2, 8, 6, 2);
}

//And some getter/setter methods.

为了给小部件设置边框，我使用了以下代码:

 customWidget->setStyleSheet("*{border-width:" +
    2 +
    ";border-style:solid;border-color:" +
    #FFFFFF + " ;color:white;}");

看起来像这样(父小部件有橙色背景):

.

当我将 border-width 更改为 10 时，边框会覆盖内容:

两张图片都显示了小部件的最小高度。

在我看来，边框好像是向内应用的。我应该修改什么以使边框向外指向，以便对于更大的 border-width 文本仍然可见？

Answer 1

原因

边界确实向外:

您的尺寸有问题。 (30, 30) 对于这个边框来说太小了。 30 - 2*10(最小高度 - 边框宽度的 2 倍)等于 10。您的字体大于 10 像素，因此不适合剩余空间。

解决方案

您可能想要设置一个合理的大小，例如(100, 50)。但是，设置最小尺寸并不灵活，这意味着它不考虑小部件内容的变化。如果 sizeHint 和 minimumSizeHint 被实现，必要的空间将在需要时报告，就像在 QLabel 中所做的那样。例如。

因为您已经有一个 QLabel 作为子小部件，只需避免设置自定义小部件的 minimumSize，系统会自动计算正确的大小。