QT之在toolButton中添加图标和文字，使文字显示在图标下方

最新推荐文章于 2025-08-08 20:51:09 发布
原创 最新推荐文章于 2025-08-08 20:51:09 发布 · 2.6w 阅读 · 28 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在Qt应用程序中使用QToolButton，并展示如何设置按钮的样式为文本显示在图标下方。通过简单的代码示例，帮助开发者快速上手。

QToolButton *toolbutton=new QToolButton(this);

toolbutton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

QT中常用的GUI组件之一是QToolButton，它是一个按钮，通常带有一个图标和文本
ByteJolt的博客
08-22 675
QT中常用的GUI组件之一是QToolButton，它是一个按钮，通常带有一个图标和文本。在本文中，我们将介绍如何使用QSS自定义QToolButton样式。QSS是Qt Style Sheet的缩写，是一种基于Cascading Style Sheets (CSS)的样式表语言，用于控制Qt应用程序的外观和布局。除此之外，我们还可以通过QSS设置其他属性，例如文字大小、字体等等，让按钮的外观更加具有吸引力。以上代码会将背景颜色设置为蓝色，边框设为无，字体颜色设为白色，内边距设为5像素。
QPushButton实现图片在上文本在下
琅嬛福地
01-22 3929
QPushButton实现图片在上文本在下
QToolButton超级牛的功能，我们却不知道，傻傻地
sunflower_2020的博客
03-06 1425
QToolButton
Qt:上图标下文字的按钮
Healer_CC的博客
04-07 2593
上图标下文字的按钮 QPushButton用qss自定义设置上图标下文字的样式。:QToolButton 设置Qt::ToolButtonTextUnderIcon。
图标字体生成及Qt使用
wallfahrer的博客
08-08 1164
本文介绍了如何生成并在Qt中使用图标字体的完整流程。首先需要准备SVG图标集（推荐使用Remix Icon等网站），然后通过IcoMoon在线工具将图标转换为字体文件（ttf格式）。接着编写Qt程序解析生成的json文件，提取图标名称和Unicode地址，生成C++枚举变量。最后在Qt应用中加载字体文件，通过设置QFont和Unicode编码即可显示图标。文章提供了详细的步骤说明和关键代码，包括字体文件处理、json解析和Qt界面显示的实现方法。
【QToolButton的常用方法】
weixin_42195836的博客
09-07 1282
请注意，以上方法可能因操作系统、编译器和Qt版本的不同而有所差异。如果问题仍然存在，请检查相关配置和环境设置，并确保已正确设置编码方式和图标文件的编码。：如果使用的是QTextCodec::codecForName(“GB18030”)，可以尝试将编码方式更改为UTF-8或其他支持汉字的编码方式。转换：在设置图标时，将汉字转换为UTF-8编码的字符串。例如，使用QPixmap(检查图标文件的编码：确保图标文件的编码方式与设置的编码方式一致。
04 自定义Button组件：令人抓狂的QToolButton文本图标居中问题
进击的程序员
02-19 2611
相信按钮控件对于任何一个QtUI开发者都不陌生，真的是极其普遍与通用的一个基础控件！Qt::ToolButtonIconOnly 只显示图标Qt::ToolButtonTextOnly 只显示文本Qt::ToolButtonTextBesideIcon 图标在左、文本在右Qt::ToolButtonTextUnderIcon 图标在上、文本在下乍一看，似乎已经满足开发者的各种业务需要。
Qt: QPushButton 按钮实现 上图标下文字
q610098308的专栏
06-23 3722
Qt: 有时我们需要实现，上图标下文字的按钮
QT小知识：为按钮QButton的文本添加图标Icon
weixin_61501031的博客
09-09 1488
Tips：QPushButton能且一般仅能实现左右结构的——“图标文本按钮”Tips：QToolButton能实现上下甚至更多结构的——“图标文本按钮”然后我们发现了漂亮的图标库（Icon）——阿里巴巴矢量图库，然后...2.左图标右文本按钮Button（QPushButton）3.上图标下文本按钮Button（QToolButton）1.）添加QPushButton，写上文本"文件管理"。1.）添加QToolButton，写上文本"文件管理"。2.）按如下步骤添加和设置图标属性。
如何让qml的ToolButton文字在图标下方，类似于setToolButtonStyle
11-29
在Qt QML中，如果你想要让`QtQuick.Controls.ToolButton`的文字显示在图标下方，而不是默认的图标右侧，你可以通过设置`style`属性来实现这一点。这通常涉及到自定义样式，但这在Qt 5.14及以后版本中变得更方便了，...
qlabel 添加图标_QToolButton详细使用图解教程 给主界面添加图标和文字
weixin_30536391的博客
12-31 1739
当使用QToolBar::addAction()添加一个新的(或已存在的)QAction至工具栏时，工具按钮通常被创建 。也可以用同样的方式构建工具按钮和其它部件，并设置它们的布局。QToolButton支持自动浮起，在自动浮起模式中，只有在鼠标指向它的时候才绘制三维框架。当按钮被用在QToolBar里时，这个特征会被自动启用，可以使用setAutoRaise()来改变。按钮的外观和尺寸可通过se...
QT设置qtoolbutton显示图标和文字，并将文字显示在图标后面，同时图标和文字在qtoolbutton内部居中对齐
最新发布
08-16
在Qt中设置QToolButton同时显示图标和文字，并将文字置于图标右侧且整体居中对齐，可通过以下步骤实现： #### 1. **设置显示样式** 使用`setToolButtonStyle()`指定文字在图标右侧的布局： ```cpp toolButton->...
qt c++ pushbatton中设置图标和文字，文字在图标的下面，且图片文字和这个按钮都有一定间隔
03-26
好的，用户的问题是关于在Qt C++中设置按钮的图标和文字，要求文字在图标下方，并且图片、文字和按钮之间都要有一定的间隔。我需要仔细分析这个问题，确保给出的解决方案正确且符合Qt的最佳实践。 首先，我应该回忆...
Qt常用的按钮控件编程（二）-- Tool Button按钮
robin861109的博客
05-11 2340
本文介绍QT常用控件的第二个按钮，Tool Button按钮编程。通过这个例子，初步了解QToolBar容器控件，项目演示了如何将Tool Button按钮放置到QToolBar容器控件中。此外通过这个项目能够进一步熟悉QT的信号与槽机制，特别是连接函数connect()函数在Qt4和Qt5中的使用。 我们的调试环境仍然是双架构`Kits`，编译调试在当前的ubuntu（qt5）中进行，重新编译后下载到目标arm设备（qt4）中运行。
QT按钮设置上方图片下方文本
ALLIN君
10-20 3627
QT按钮设置上方图片下方文本 话不多说，直接上代码 QLabel* label = new QLabel(); QLabel* label4 = new QLabel(); QPixmap *pixmap4 = new QPixmap(":/img/biaoge.png");//该处设置自己想要放的图片 pixmap4->scaled(label4->size(), Qt::KeepAspectRatio);//设置图片大小 label4->setScaledContents(true
QT：button插入图标以及实现背景透明
chy5764的博客
07-18 1万+
QT：在ui界面中实现在push button上插入透明背景图标
QToolButton的图片和文字一起显示(文字在图片的上下左右)
sunflower_2020的博客
09-11 379
QToolButton的图片和文字一起显示(文字在图片的上下左右)
QPushbutton设置icon和文字 （文字在图标下方）
热门推荐
thequitesunshine007的博客
03-09 1万+
1.使用系统自带api QIcon myicon1; myicon1.addFile(tr(":/image/Resource/new.png")); ui->new_btn->setIcon(myicon1); ui->new_btn->setIconSize(ui->new_btn->size()); //ui.btn_calib->setIconSize(QSize(90, 90));
QToolButton 设置文字在图标的右侧
抟土成人祖，炼石补青天。眼中览银河，手可摘星辰。
10-23 1093
在 Qt 中，如果你想在按钮（例如或）上设置文字在图标的右边，最简单的方法是使用方法，并将其设置为。这种方式会让图标出现在左边，文字出现在右边。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值