Qt之按钮(QToolButton)

简述

QToolButton类让我们可以快速地实现命令和选项按钮,它通常用在QToolBar中。

相比于普通的命令按钮(QPushButton),工具按钮通常不显示文本,只显示图标。

工具按钮通常是在QToolBar::addAction方法被调用的时候被创建。当然,也可以用其它控件的创建方式来创建QToolButton。

QToolButton的一种经典用法是选择工具。例如,绘图程序中的“笔”工具。

基本用法

下面我们利用QToolButton的一些基本属性做一个演示。

效果

这个例子中使用了四个QToolButton,每个按钮展示不同的属性。按钮顺序:自左向右升序。

源码

    QToolButton *toolBtn1 = new QToolButton;
    toolBtn1->setArrowType(Qt::LeftArrow);
    toolBtn1->setAutoRaise(true);

    QToolButton *toolBtn2 = new QToolButton;
    toolBtn2->setArrowType(Qt::LeftArrow);

    QToolButton *toolBtn3 = new QToolButton;
    toolBtn3->setIcon(QIcon(":/picture/tool.png"));

    QToolButton *toolBtn4 = new QToolButton;
    toolBtn4->setPopupMode(QToolButton::MenuButtonPopup);
    QMenu *menu = new QMenu;
    menu->addAction("剪切");
    menu->addAction("粘贴");
    menu->addAction("复制");
    toolBtn4->setMenu(menu);

    QHBoxLayout *layout = new QHBoxLayout;
    layout->addWidget(toolBtn1);
    layout->addWidget(toolBtn2);
    layout->addWidget(toolBtn3);
    layout->addWidget(toolBtn4);

    this->setLayout(layout);

常用接口

下面列举QToolButton中一些常用的属性、公有函数以及信号槽。

常用属性

  • arrowType:Qt自带的一些默认图标
常量
Qt::NoArrow0
Qt::UpArrow1
Qt::DownArrow2
Qt::LeftArrow3
Qt::RightArrow4
  • popupMode:QToolButton上面的菜单弹起模式
常量描述
QToolButton::DelayedPopup0按下按钮一定时间后显示菜单。一个典型案例:浏览器中工具栏的“后退”按钮。
QToolButton::MenuButtonPopup1这种模式下,工具按钮显示一个特殊的箭头以指示菜单是否存在,按下按钮的箭头部分时显示菜单。
QToolButton::InstantPopup2按下工具按钮时菜单显示,无延迟。这种模式下,按钮自身的动作不触发。
  • toolButtonStyle
常量描述
Qt::ToolButtonIconOnly0只显示图标
Qt::ToolButtonTextOnly1只显示文本
Qt::ToolButtonTextBesideIcon2文本显示在图标旁边
Qt::ToolButtonTextUnderIcon3文本显示在图标下面
Qt::ToolButtonFollowStyle4样式跟随

效果

源码

    QToolButton *toolBtn1 = new QToolButton;
    toolBtn1->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);
    toolBtn1->setIcon(QIcon(":/picture/tool.png"));
    toolBtn1->setText("我在Icon下面");
    QToolButton *toolBtn2 = new QToolButton;
    toolBtn2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
    toolBtn2->setIcon(QIcon(":/picture/tool.png"));
    toolBtn2->setText("我在Icon旁边");

    QHBoxLayout *layout = new QHBoxLayout;
    layout->addWidget(toolBtn1);
    layout->addWidget(toolBtn2);
    this->setLayout(layout);

公共函数

  • 设置箭头类型
    • setArrowType(Qt::ArrowType type)

设置箭头


  • 设置菜单
    • setMenu

设置菜单到QToolButton


  • 设置按钮自动凸起
    • setAutoRaise

QToolButton支持auto-raising模式,在auto-raise模式下,只有当鼠标放在QToolButton上面时,它才会显示出一个3D状态。当QToolButton在QToolBar中被使用时,auto-raise模式默认启动。


  • 设置菜单弹出模式
    • setPopupMode

槽函数

  • 设置按钮样式
    • setToolButtonStyle

  • 设置按钮默认行为

    • setDefaultAction

    给一个QToolButton设置一个默认QAction,这个QAction包含有该QToolButton需要的一些基本默认设置,包括:checkable;checked;enabled;font;icon;popupMode;statusTip;text;toolTip;whatThis

使用案例

    QToolButton *toolBtn1 = new QToolButton;
    QAction *action = new QAction;
    action->setCheckable(true);
    action->setChecked(true);
    action->setEnabled(true);
    action->setIcon(QIcon(":/picture/tool.png"));
    toolBtn1->setDefaultAction(action);

    QHBoxLayout *layout = new QHBoxLayout;
    layout->addWidget(toolBtn1);
    this->setLayout(layout);
  • 展示下拉菜单
    • showMenu

信号

  • 触发
    • triggered

引用


[1] Qt助手

### 回答1: 在 Qt 中,可以通过调用 QToolButton 的 setIcon() 函数设置图标。如果要改变图标的颜色,可以使用 QPixmap 类的 setMask() 函数将图标转换为黑白图像,再使用 QPixmap 类的 setColor() 函数改变图标的颜色。 要改变 QToolButton 中文本的颜色,可以使用 QPalette 类的 setColor() 函数设置文本的颜色,例如: ``` QPalette palette = toolButton->palette(); palette.setColor(QPalette::ButtonText, Qt::red); toolButton->setPalette(palette); ``` 此外,也可以使用 QToolButton 的 setStyleSheet() 函数设置按钮的样式表,从而改变图标和文本的颜色。例如: ``` toolButton->setStyleSheet("QToolButton { color: red; }"); ``` 这样就可以将 QToolButton 中的图标和文本的颜色都设置为红色了。 ### 回答2: 在Qt中,如果要自绘QToolButton按钮的icon和文字颜色,可以通过重写QToolButton的paintEvent()函数来实现。 首先,我们需要创建一个自定义的QToolButton类,继承自QToolButton。在该自定义类中重写paintEvent()函数。在函数中,我们可以获取当前按钮的icon和文字,然后根据需求自定义绘制它们的颜色。 例如,如果想要将按钮的icon和文字都绘制成红色,可以使用QPainter类的setPen()函数将画笔颜色设置为红色,然后使用drawPixmap()函数绘制icon,使用drawText()函数绘制文字。 下面是一个简单的例子: ```cpp class MyToolButton : public QToolButton { public: MyToolButton(QWidget *parent = nullptr) : QToolButton(parent) {} protected: void paintEvent(QPaintEvent *event) override { QToolButton::paintEvent(event); QPainter painter(this); // 设置画笔颜色为红色 painter.setPen(Qt::red); // 绘制icon painter.drawPixmap(iconRect(), icon().pixmap(iconSize())); // 绘制文字 painter.drawText(textRect(), text()); } }; ``` 在其他地方使用这个自定义的QToolButton类,就可以看到按钮的icon和文字都被绘制成红色了。 这只是一个简单的例子,你可以根据实际需求自定义绘制其他颜色或者添加其他效果。希望能对你有所帮助! ### 回答3: 在Qt中,可以通过自绘的方式修改QToolButton按钮的icon和文字颜色。首先,我们需要自定义一个继承自QStyle类的新类,用于重写其drawControl方法。 在drawControl方法中,我们可以根据需要对不同的按钮状态进行绘制操作。例如,当按钮处于正常状态时,可以使用QPainter对象进行绘制,根据需求设置icon和文字的颜色,并使用drawItemText方法绘制按钮的文字。 下面是一个简单的示例代码,展示了如何自绘一个QToolButton按钮的icon和文字颜色: ``` class CustomStyle : public QStyle { public: using QStyle::QStyle; virtual void drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget = nullptr) const { if (element == CE_PushButton) { const QStyleOptionButton* buttonOption = qstyleoption_cast<const QStyleOptionButton*>(option); if (buttonOption) { if (buttonOption->state & State_Enabled) { painter->save(); // 设置icon和文字的颜色 painter->setPen(QColor(Qt::red)); // 绘制icon QIcon icon = buttonOption->icon; QRect iconRect = buttonOption->rect; icon.paint(painter, iconRect); // 绘制文字 QRect textRect = buttonOption->rect; drawItemText(painter, textRect, Qt::AlignCenter, buttonOption->palette, buttonOption->state & State_Enabled, buttonOption->text); painter->restore(); } } } else { QStyle::drawControl(element, option, painter, widget); } } }; ``` 以上代码创建了一个CustomStyle类,并重写了drawControl方法。在方法中,我们首先判断按钮元素是否为CE_PushButton,如果是,再获取按钮选项的状态,并使用QPainter对象绘制icon和文字,并设置其颜色。最后,调用父类的drawControl方法绘制其余的元素。 在使用自定义样式之前,还需要在应用程序中设置该样式: ``` int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建自定义样式对象 CustomStyle* customStyle = new CustomStyle; // 设置应用程序的样式为自定义样式 app.setStyle(customStyle); // 创建QToolButton按钮 QToolButton button; // 设置按钮文本 button.setText("Button"); // 显示按钮 button.show(); return app.exec(); } ``` 通过以上步骤,我们可以自绘QToolButton按钮的icon和文字颜色。在CustomStyle类中,你可以根据需要进一步修改绘制的方式,实现不同的效果。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值