QPushButton设置文字在图片下面
时间: 2024-03-05 09:47:38 浏览: 28
您可以使用QPushButton的`setStyleSheet()`函数来设置样式表,以实现文字在图片下面的效果。以下是一个示例代码:
``` c++
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 的文字在图片下方显示:
```css
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按钮左边图片右边文字
要实现在Qt按钮中左边显示图片,右边显示文字,你可以使用QPushButton类的setStyleSheet()方法来设置按钮的样式。下面是一个示例代码:
```cpp
QPushButton* button = new QPushButton("Button Text");
button->setIcon(QIcon("path_to_image.png"));
button->setIconSize(QSize(16, 16));
button->setStyleSheet("text-align:left; padding-left:20px;");
```
在上述代码中,首先创建了一个QPushButton对象,并设置了按钮的文本为"Button Text"。然后使用setIcon()方法设置按钮的图标,setIconSize()方法设置图标的大小。接下来通过setStyleSheet()方法设置按钮的样式,使用text-align:left将文本居左显示,并通过padding-left设置文本距离左边的间距。
注意替换"path_to_image.png"为你自己的图片路径,并根据需要调整图标大小和文本样式。