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中qpushbutton如何把文字放在图片下面

在Qt中，如果你想要将文本放置在QPushButton按钮下方的图片上，你可以通过设置QPushButton的`icon`属性来显示图片，并使用`setStyleSheet`或`setStyleSheet()`方法添加CSS样式来自定义布局。首先，你需要加载图片并创建一个QPushButton。然后，可以这样做：

1. 加载图片：

QPixmap pixmap("path_to_your_image.jpg");

2. 创建QPushButton并设置图标：

QPushButton button;
button.setIcon(QIcon(pixmap));

3. 定义文本并调整其位置：

// 使用setStyleSheet()添加CSS样式
QString buttonText = "你的文本";
button.setStyleSheet("padding-top: <desired_height_of_text>; /* 调整文本距离顶部的距离 */ "
                      "background-position: center; /* 图片居中 */"
                      "background-repeat: no-repeat; /* 防止图像重复 */");
button.setText(buttonText);

这里 `<desired_height_of_text>` 应该是一个合适的像素值，以确保文本不会覆盖到图片下方。

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` 属性让文字与图片之间的距离更加合适。