QPushButton设置文字在图片下面

您可以使用QPushButton的`setStyleSheet()`函数来设置样式表，以实现文字在图片下面的效果。以下是一个示例代码：

QPushButton *button = new QPushButton();
button->setText("Button Text");
button->setIcon(QIcon("path/to/image.png"));
button->setIconSize(QSize(50, 50));
button->setStyleSheet("QPushButton {"
                      "border: none;"
                      "text-align: center;"
                      "}"
                      "QPushButton::icon {"
                      "margin-bottom: 10px;"
                      "}");

在上述代码中，`setStyleSheet()`函数设置了两个样式表规则。第一个规则设置了按钮的样式，将其边框设置为无，将文本居中对齐。第二个规则设置了按钮图标的样式，将其下边缘与文本之间的间距设置为10像素。

注意，上述代码中的`QIconSize()`函数用于设置图标的大小，以确保其与文本的间距正确。您需要根据自己的图标大小和文本长度进行调整。

相关问题

Qt 用QSS代码设置QPushButton文字在图片下方显示

你可以使用下面的 QSS 代码来设置 QPushButton 的文字在图片下方显示：

QPushButton {
  border-image: url(path/to/image.png) 0 0 0 0 stretch stretch;
  qproperty-iconSize: 0px 0px;
  text-align: center;
  padding-top: 10px;
}

QPushButton::text {
  padding-top: 5px;
}

其中，`border-image` 属性设置按钮的背景图片，并且使用 `stretch` 属性让图片占满整个按钮。`qproperty-iconSize` 属性设置按钮的图标大小为 0，这样按钮就不会显示图标了。`text-align` 属性设置文字居中对齐，并且 `padding-top` 属性设置文字与图片之间的距离。

最后，`QPushButton::text` 选择器设置按钮的文字样式，使用 `padding-top` 属性让文字与图片之间的距离更加合适。

QT 中如何设置一个网格布局，布局里有 2*4 8个图标按钮，并让每个按钮边缘为弧形，按钮上显示一张图片边缘也为弧形。每个按钮下面都有一个文字框。同时实现可单独拖拽和移动每个按钮

在Qt中，你可以使用`QGridLayout`来实现一个网格布局，并将图标按钮和文字框放置在其中。为了让按钮和按钮上的图片边缘为弧形，并实现可拖拽和移动的功能，你可以使用`QGraphicsEffect`和事件过滤器。

下面是一个示例代码，演示了如何实现这个布局：

#include <QApplication>
#include <QWidget>
#include <QGridLayout>
#include <QPushButton>
#include <QLabel>
#include <QGraphicsDropShadowEffect>
#include <QGraphicsPixmapItem>
#include <QGraphicsScene>
#include <QGraphicsView>
#include <QMouseEvent>

class DraggableButton : public QPushButton
{
public:
    DraggableButton(QWidget *parent = nullptr) : QPushButton(parent)
    {
        setAcceptDrops(true);
        setStyleSheet("QPushButton {border-radius: 10px;}");

        QGraphicsDropShadowEffect *effect = new QGraphicsDropShadowEffect;
        effect->setBlurRadius(10);
        effect->setOffset(0);
        effect->setColor(Qt::gray);
        setGraphicsEffect(effect);

        QLabel *label = new QLabel(this);
        label->setAlignment(Qt::AlignCenter);
        label->setText("Text");

        QVBoxLayout *layout = new QVBoxLayout(this);
        layout->addWidget(label);
        setLayout(layout);
    }

protected:
    void mousePressEvent(QMouseEvent *event) override
    {
        if (event->button() == Qt::LeftButton) {
            startPos = event->pos();
        }
        QPushButton::mousePressEvent(event);
    }

    void mouseMoveEvent(QMouseEvent *event) override
    {
        if (event->buttons() & Qt::LeftButton) {
            int distance = (event->pos() - startPos).manhattanLength();
            if (distance >= QApplication::startDragDistance()) {
                QDrag *drag = new QDrag(this);
                QMimeData *mimeData = new QMimeData;
                drag->setMimeData(mimeData);
                drag->exec();
            }
        }
        QPushButton::mouseMoveEvent(event);
    }

private:
    QPoint startPos;
};

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

    QWidget widget;
    QGridLayout *gridLayout = new QGridLayout(&widget);

    QGraphicsScene scene;
    QGraphicsView view(&scene);
    view.setRenderHint(QPainter::Antialiasing);

    for (int row = 0; row < 2; ++row) {
        for (int col = 0; col < 4; ++col) {
            DraggableButton *button = new DraggableButton(&widget);
            QPixmap pixmap(":/path/to/image");
            QGraphicsPixmapItem *pixmapItem = scene.addPixmap(pixmap);
            pixmapItem->setShapeMode(QGraphicsPixmapItem::BoundingRectShape);
            pixmapItem->setPixmap(pixmap.scaled(80, 80, Qt::KeepAspectRatio, Qt::SmoothTransformation));
            QGraphicsDropShadowEffect *effect = new QGraphicsDropShadowEffect;
            effect->setBlurRadius(10);
            effect->setOffset(0);
            effect->setColor(Qt::gray);
            pixmapItem->setGraphicsEffect(effect);
            gridLayout->addWidget(button, row, col);
        }
    }

    widget.setLayout(gridLayout);
    widget.show();

    return app.exec();
}

在这个示例中，我们创建了一个名为 "DraggableButton" 的自定义QPushButton类，用于实现可拖拽和移动的按钮。我们重写了鼠标事件函数`mousePressEvent`和`mouseMoveEvent`，以实现按钮的拖拽功能。我们还使用了`QGraphicsDropShadowEffect`来设置按钮和按钮上的图片边缘为弧形。

在主函数中，我们创建了一个QWidget作为窗口，并使用QGridLayout来实现网格布局。然后，我们使用QGraphicsScene和QGraphicsView来显示每个按钮上的图片，并设置图片边缘为弧形。

最后，我们将自定义的DraggableButton添加到网格布局中，并将QWidget显示出来。

请注意，示例中的图片路径需要替换为你自己的图片路径。

希望这个示例能对你有所帮助！如果有任何问题，请随时提问。