Qt之QAbstractButton

简述

QAbstractButton类是按钮部件的抽象基类，提供了按钮所共有的功能。

QAbstractButton类实现了一个抽象按钮，并且让它的子类来指定如何处理用户的动作，并指定如何绘制按钮。

QAbstractButton提供了点击和勾选按钮。QRadioButton和QCheckBox类只提供了勾选按钮，QPushButton和QToolButton提供了点击按钮，如果需要的话，它们还可以提供切换行为。

任何按钮，都可以显示一个包含文本和图标的标签。setText()用来设置文本，setIcon()可以置图标。如果按钮被禁用，其标签更改为“disabled”样式。

• 简述
• 常用状态
• 信号
• 使用
• 选中非选中
  • 多选
    • 效果
    • 源码
  • 互斥
    • 效果
    • 源码
• 更多参考

常用状态

Qt提供的所有按钮（QPushButton、QToolButton、QCheckBox和QRadioButton）都能够既显示文本也可以显示图标。

默认按钮（在很多对话框中被使用的）由QPushButton::setDefault()和QPushButton::setAutoDefault()提供。

QAbstractButton提供了按钮所要用到的绝大多数状态：

• isDown()
  按钮是否被按下。

• isChecked()
  按钮是否被选中。只有切换按钮才能被切换为选中或不选中（请看下面）。

• isEnabled()
  按钮是否可以被用户按下。

• setAutoRepeat()
  如果用户按下按钮，按钮是否可以自动回复。

• setToggleButton()
  按钮是否是一个切换按钮。

isDown()和isChecked()的不同点：

当用户点击一个切换按钮并且把它选中，按钮首先被按下并且然后被释放变为选中状态。当用户再次点击（非选中），按钮首先被置为按下状态，然后变为非选中状态（isOn()和isChecked()都为false）。

信号

QAbstractButton提供了四个信号：

• pressed()
  当鼠标光标在按钮内，鼠标左键被按下时，发送此信号。

• released()
  当鼠标左键被释放时，发送此信号。

• clicked()
  当按钮被按下然后又被释放，或按下快捷键，或当animateClick()被调用时，发送此信号。

• toggled()
  当切换按钮的状态变化时，发送此信号。

要继承QAbstractButton，你至少不得不重新实现 paintEvent()来绘制按钮的外形、文本、图标。通常也建议重新实现sizeHint()，并且有时也建议重新实现hitButton()（为了决定一个按钮按下是否在按钮内）。

对于具有两个以上状态（如三态按钮）按钮，也将不得不重新实现checkStateSet()和nextCheckState()。

如果一个文本按钮的文本中有“&”，QAbstractButton会创建一个自动快捷键。下面的代码创建一个标签为“Rock & Roll”（c下面有下划线）的点击按钮。这个按钮有一个自动快捷键，Alt+c。更多快捷键文档请参考：QShortcut 。如果要显示一个“&”，请使用’&&’。

QAbstractButton *pButton = new QPushButton("Ro&ck && Roll", this);

在这个实例中，当用户按下Alt+c时，按钮将会调用animateClick()。

你也可以使用setShortcut()函数来设置一个定制的快捷键。这个对于绝大多数没有文本的按钮是很有用的，因为它们没有自动快捷键。

QAbstractButton *pButton = new QPushButton(this);
pButton->setIcon(QIcon(":/Images/logo"));
pButton->setShortcut(QKeySequence(Qt::AltModifier + Qt::Key_F7));

使用

通常按钮是要有具体的行为的，也就是说，当我点击一个按钮时，肯定是要有事件发生的。比如：输出一段文本，弹出一个提示框等。

那么，如何响应按钮的操作呢，Qt中通过信号和槽的机制（后面讲解）来联系起来的，我们可以先简单的了解下connect…

QAbstractButton *pButton = new QPushButton(this);

// 设置图标、图标大小、文本
pButton->setIcon(QIcon(":/Images/logo"));
pButton->setIconSize(QSize(18, 18));
pButton->setText("Click Me");

// 连接信号与槽
connect(pButton, &QAbstractButton::clicked, this, &MainWindow::onClicked);

void MainWindow::onClicked()
{
    qDebug() << "Enter...";
}

这时，当我们点击按钮时，就会输出信息”Enter…”。

选中/非选中

很多时候，我们会看到一些分组按钮，他们可以进行选中高亮，可以多个选中，也可以单个选中。

多选

效果

源码

主要使用QAbstractButton的setCheckable(true)来设置。

...
pButton->setCheckable(true);
...

为了有比较明显效果，我们使用了样式来进行控制。

QPushButton{
        background: rgb(68, 69, 73);
        border: 1px solid rgb(50, 50, 50);
        color: white;
        width: 75px;
        height: 22px;
}
QPushButton:hover{
        background: rgb(85, 85, 85);
}
QPushButton:pressed{
        background: rgb(80, 80, 80);
}
QPushButton:checked{
        background: green;
}

互斥

也有很多情况下我们只能选中一个按钮，比如360的导航栏，Button实现毫无压力。。。

主要设置以下两点：

• QPushButton：使用setCheckable(true)设置可选中
• QButtonGroup：设置互斥（多选一），并将QPushButton添加至按钮组。

效果

源码

QButtonGroup *pButtonGroup = new QButtonGroup(this);

// 设置互斥
pButtonGroup->setExclusive(true);
for (int i = 0; i < 3; ++i)
{
    QAbstractButton *pButton = new QPushButton(this);

    // 设置可选中
    pButton->setCheckable(true);

    // 设置文本
    pButton->setText(QString("Click Me %1").arg(i + 1));

    pButtonGroup->addButton(pButton);
}

connect(pButtonGroup, SIGNAL(buttonClicked(QAbstractButton*)), this, SLOT(onButtonClicked(QAbstractButton*)));

void MainWindow::onButtonClicked(QAbstractButton *button)
{
     qDebug() << "Clicked Button : " << button->text();
}

关于QAbstractButton常用的功能基本就讲完了，上面介绍的多选、互斥属于高级功能，如果可以很好地运用，在项目中可以实现很棒的效果。

更多参考

• Qt之QPushButton
• Qt之QToolButton
• Qt之QCheckBox
• Qt之QRadioButton