QToolButton 工具按钮

Qt中QToolButton使用详解

最新推荐文章于 2025-10-15 10:39:39 发布

原创最新推荐文章于 2025-10-15 10:39:39 发布 · 2.4w 阅读

41 ·

CC 4.0 BY-SA版权

文章标签：

#工具按钮

Qt学习专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了Qt中QToolButton的使用方法，包括如何添加图标资源、设置按钮文本及调整图标与文本的位置关系。此外，还介绍了QToolButton的两种显示方式：浮动按钮和“按下/弹起”按钮，并通过示例展示了如何使用信号和槽机制来响应按钮状态的变化。

工具按钮（QToolButton）区别于普通按钮（QPushButton）的一点是，工具按钮（QToolButton）可以带图标，他们两个有同一个父类（QAbstractButton）;
工具按钮（QToolButton）有两部分组成：文本text 和图标icon（建议用png格式的图片）
这里写图片描述
（图片资源都在.qrc 文件中）

首先，要找到需要用的图标资源（推荐网站www.easyicon.com），保存到Qt项目的Resources文件夹中。
然后，在QtDesigner中的资源浏览器中，点击铅笔一样的图标，进入编辑资源框，添加新前缀image，添加图标文件即可
这里写图片描述

之后，在QAbstractButton属性选项中的icon下加载图标资源，在text 中修改工具按钮的文本“帮助”

同时，在QToolButton属性下可以调整文字和图标的相对位置关系。

此外，工具按钮还有两种显示方式，浮动按钮和“按下/弹起”按钮，分别用autoRaise 和 checkable命令进行，都在属性列表中，勾选即可。

“按下/弹起”按钮中可以利用信号和槽机制，检验一下按下按钮后的反应，效果如图

Qt5_4A::Qt5_4A(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);

    connect(ui.btnHelp, SIGNAL(toggled(bool)),
        this, SLOT(OnButtonHelpChanged(bool)));
}


int Qt5_4A::OnButtonHelpChanged(bool)
{
    QMessageBox::information(this, "yes", "help");
    return 0;
}