QWidget 渲染到 QPixmap 似乎忽略了样式表的 "border-radius" 设置

Question

我需要从 QWidget（在我的例子中是 QPushButton）保存 QPixmap，但似乎忽略了一些样式表设置。

这是一个示例代码：

button = new QPushButton(QIcon(":/resources/icons/my_icon.png"), "Sample text", this);
button->setFocusPolicy(Qt::NoFocus);
button->setStyleSheet(" color: white; "
                      " background-color: gray; "
                      " font: 30px;"
                      " border-radius: 18px;");

button->setLayoutDirection(Qt::RightToLeft);
button->setIconSize(QSize(96, 96));
button->setGeometry(13, 10, 455, 100);

button->show();

QPixmap pixmap(button->size());
button->render(&pixmap);

渲染方法似乎忽略了“border-radius: 18px;”样式表的字段，我尝试将 QPixmap 保存到文件中：

pixmap.save("test.png");

但保存的图像是一个矩形，没有圆形边框。当应用程序显示时，QPushButton 具有正确的圆形边框。

我在使用 QWideget::render(...) 方法时做错了什么吗？

Answer 1

你的问题是 render func 中的 QRegion 是一个矩形区域。

void QWidget::render(QPaintDevice *target, const QPoint &targetOffset = QPoint(), const QRegion &sourceRegion = QRegion(), QWidget::RenderFlags renderFlags = RenderFlags(DrawWindowBackground | DrawChildren))

Qt 不知道如何制作圆角矩形区域，你应该手动计算这个区域你可以从这个函数开始;)

QRegion computeRegion(QPushButton*button, int radius)
{
    QRegion region(0, 0, button->width(),button->height(), QRegion::Rectangle);

    /** top left */
    QRegion round (0, 0, 2*radius, 2*radius, QRegion::Ellipse);
    QRegion corner(0, 0, radius, radius, QRegion::Rectangle);
    region = region.subtracted(corner.subtracted(round));

    /** top right */
    round = QRegion(button->width()-2*radius, 0, 2*radius, 2*radius, QRegion::Ellipse);
    corner = QRegion(button->width()-radius, 0, radius, radius, QRegion::Rectangle);
    region = region.subtracted(corner.subtracted(round));

    /** bottom right */
    round = QRegion(button->width()-2*radius, button->height()-2*radius, 2*radius, 2*radius, QRegion::Ellipse);
    corner = QRegion(button->width()-radius, button->height()-radius, radius, radius, QRegion::Rectangle);
    region = region.subtracted(corner.subtracted(round));

    /** bottom left */
    round = QRegion(0, button->height()-2*radius, 2*radius, 2*radius, QRegion::Ellipse);
    corner = QRegion(0, button->height()-radius, radius, radius, QRegion::Rectangle);
    region = region.subtracted(corner.subtracted(round));

    return  region;
}

然后在渲染函数中使用它

button->render(&pixmap,QPoint(),computeRegion(button,18));

QWidget 渲染到 QPixmap 似乎忽略了样式表的 "border-radius" 设置

QWidget render to QPixmap seems to ignore "border-radius" setting of stylesheet

c++

qt

qwidget

qpixmap