QWidget的边框为何覆盖内容?

时间:2018-10-08 08:01:37

标签: css qwidget qtstylesheets border-color qt5.9

我有一个自QWidget派生的自定义窗口小部件,其中有一个{{1}的minimumSize和一个(30, 30)的{​​{1}}:

QLabel

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

childWidget

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

enter image description here

当我将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. 更改为10时,边框覆盖了内容:

enter image description here

两个图像均以最小高度显示小部件。

在我看来,边框似乎是向内应用的。我该怎么做才能使边框朝外,所以对于较大的 customWidget->setStyleSheet("*{border-width:" + 2 + ";border-style:solid;border-color:" + #FFFFFF + " ;color:white;}"); 文本仍然可见?

1 个答案:

答案 0 :(得分:2)

原因

边界确实向外:

i.stack.imgur.com/EqClz.png

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

解决方案

您可能想要设置合理的尺寸,例如(100,50)。但是,设置最小大小并不灵活,也就是说,它不考虑小部件内容的更改。但是,如果实现了sizeHintminimumSizeHint,则会在需要时报告必要的空间,例如在QLabel中完成。

由于您已经拥有QLabel作为子窗口小部件,因此只需避免设置自定义窗口小部件的minimumSize即可自动计算出正确的大小。