为什么QWidget的边框会盖住内容?
Why does the border of QWidget cover the contents?
我有一个派生自 QWidget
的自定义小部件,它具有 (30, 30)
的 minimumSize
和 childWidget
的 QLabel
:
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
文本仍然可见?
原因
边界向外:
您的尺码有问题。 (30, 30)
对于这个边框来说太小了。 30 - 2*10
(最小高度 - 边框宽度的 2 倍)等于 10
。您的字体大于 10px,因此不适合剩余的 space.
解决方案
您可能想要设置一个合理的大小,例如(100, 50)。但是,设置最小尺寸并不灵活,这意味着它不考虑小部件内容的变化。如果 sizeHint
和 minimumSizeHint
被实现,必要的 space 将在需要时报告,例如 QLabel
中所做的。
由于您已经有一个 QLabel
作为子窗口小部件,只需避免设置自定义窗口小部件的 minimumSize
即可自动计算出正确的大小。
我有一个派生自 QWidget
的自定义小部件,它具有 (30, 30)
的 minimumSize
和 childWidget
的 QLabel
:
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
文本仍然可见?
原因
边界向外:
您的尺码有问题。 (30, 30)
对于这个边框来说太小了。 30 - 2*10
(最小高度 - 边框宽度的 2 倍)等于 10
。您的字体大于 10px,因此不适合剩余的 space.
解决方案
您可能想要设置一个合理的大小,例如(100, 50)。但是,设置最小尺寸并不灵活,这意味着它不考虑小部件内容的变化。如果 sizeHint
和 minimumSizeHint
被实现,必要的 space 将在需要时报告,例如 QLabel
中所做的。
由于您已经有一个 QLabel
作为子窗口小部件,只需避免设置自定义窗口小部件的 minimumSize
即可自动计算出正确的大小。