Qt常用控件 按钮

1. QAbstractButton 简介

QPushButton 继承⾃ QAbstractButton。这个类是⼀个抽象类.是其他按钮的⽗类。QAbstractButton继承自QWidget

下面是QAbstractButton的一些属性

属性	说明
text	按钮中的⽂本
icon	按钮中的图标
iconSize	按钮中图标的尺⼨
shortCut	按钮对应的快捷键
autoRepeat	按钮是否会重复触发.当⿏标左键按住不放时,如果设为true,则会持续产⽣⿏标点击事件;如果设为false,则必须释放⿏标,再次按下⿏标时才能产⽣点击事件. (相当于游戏⼿柄上的"连发"效果)
autoRepeatDelay	重复触发的延时时间.按住按钮多久之后,开始重复触发.
autoRepeatInterval	重复触发的周期

2. QPushButton

2.1 例子1，设置按钮的图标

创建qrc文件，并导入图片

使用qt designer创建一个按钮

代码如下，使用了setIcon()和setIconSize()

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QIcon icon(":/btnPic.png");ui->pushButton->setIcon(icon);ui->pushButton->setIconSize(QSize(100, 100));
}

效果如下

2.2 例子2，设置按钮快捷键

导入图片

设置按钮

编写代码，设置图标和快捷键

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 设置图标ui->targetBtn->setIcon(QIcon(":/img/plane"));ui->targetBtn->setIconSize(QSize(100, 100));ui->upBtn->setIcon(QIcon(":/img/up"));ui->upBtn->setIconSize(QSize(50, 50));ui->downBtn->setIcon(QIcon(":/img/down"));ui->downBtn->setIconSize(QSize(50, 50));ui->leftBtn->setIcon(QIcon(":/img/left"));ui->leftBtn->setIconSize(QSize(50, 50));ui->rightBtn->setIcon(QIcon(":/img/right"));ui->rightBtn->setIconSize(QSize(50, 50));// 设置快捷键ui->upBtn->setShortcut(Qt::Key_W);ui->downBtn->setShortcut(Qt::Key_S);ui->leftBtn->setShortcut(Qt::Key_A);ui->rightBtn->setShortcut(Qt::Key_D);
}

写槽函数

void Widget::on_upBtn_clicked()
{QRect pos = ui->targetBtn->geometry();ui->targetBtn->setGeometry(pos.x(), pos.y()-10, pos.width(), pos.height());
}void Widget::on_downBtn_clicked()
{QRect pos = ui->targetBtn->geometry();ui->targetBtn->setGeometry(pos.x(), pos.y()+10, pos.width(), pos.height());
}void Widget::on_leftBtn_clicked()
{QRect pos = ui->targetBtn->geometry();ui->targetBtn->setGeometry(pos.x()-10, pos.y(), pos.width(), pos.height());
}void Widget::on_rightBtn_clicked()
{QRect pos = ui->targetBtn->geometry();ui->targetBtn->setGeometry(pos.x()+10, pos.y(), pos.width(), pos.height());
}

完成了

键盘快捷键默认一直按是有连发功能的，如果想让鼠标一直按也有连发功能，可以使用setAutoRepeate（）方法

// 让upBtn有连发功能
ui->upBtn->setAutoRepeat(true);

如果想要触发按钮有多个按键，可以使用+号连接

// ctrl+w触发
ui->upBtn->setShortcut(Qt::CTRL+Qt::Key_W);

3. QRadioButton

3.1 介绍

单选按钮，继承自QAbstractButton ，下面是QRadioButton常用的QAbstractButton 的一些属性

属性	说明
checkable	是否能选中
checked	是否已经被选中.checkable是checked的前提条件.
autoExclusive	是否排他.选中⼀个按钮之后是否会取消其他按钮的选中.对于 QRadioButton 来说默认就是排他的.

同理，上面的属性都有一个setXXX()的方法

3.2 例子1，选择性别

在widget.ui里设置基本界面

槽函数如下

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->label->setText("选择的性别是: 男");    // 设置label的默认值
}void Widget::on_radioButton_male_clicked()
{ui->label->setText("选择的性别是: 男");
}void Widget::on_radioButton_female_clicked()
{ui->label->setText("选择的性别是: 女");
}void Widget::on_radioButton_other_clicked()
{ui->label->setText("选择的性别是: 其它");
}

如果想让男这个按钮默认被选中，可以在构造函数这样写

ui->radioButton_male->setChecked(true);

如果不想让 其它 这个按钮被选择，可以在构造函数里这样写

ui->radioButton_other->setCheckable(false);

运行后发现，确实该按钮不能被选中了，但是仍然可以响应槽函数

如果不想让其响应槽函数，可以直接设置enable属性，在QWidget里学过

ui->radioButton_other->setEnabled(false);

3.3 例子2，试试其他的信号

在widet.ui中拖上两个radiobutton，转到槽

clicked()点击，preassed()按下，released() 释放信号，都很好理解。这里给这两个radiobutton提那几另外两个槽函数

void Widget::on_radioButton_1_clicked(bool checked)
{qDebug() << "on_radioButton_1_clicked checked: " << checked;
}void Widget::on_radioButton_2_toggled(bool checked)
{qDebug() << "on_radioButton_2_toggled: " << checked;
}

运行结果如下

• 可以看到，对于clicked(bool)，当按钮被点击时，checked会被置成true，且每次点击都会触发。
• 对于toggled(bool)，当按钮被点击时，checked会被置成true，连续点击不会改变值，当按钮被切换时，会将checked置成false。
• toggled(bool) 非常适合使用于QRadioButton

3.3 例子3，分组

在widget.ui中搭出基本框架

现在按钮是全部排它的，也就是这8个按钮只能选择1个，现在要将其分组，在widget.cpp的构造函数里写

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QButtonGroup* gp1 = new QButtonGroup(this);QButtonGroup* gp2 = new QButtonGroup(this);QButtonGroup* gp3 = new QButtonGroup(this);// 将按钮添加到GroupBox中gp1->addButton(ui->radioButton_A1);gp1->addButton(ui->radioButton_A2);gp1->addButton(ui->radioButton_A3);gp2->addButton(ui->radioButton_B1);gp2->addButton(ui->radioButton_B2);gp2->addButton(ui->radioButton_B3);gp3->addButton(ui->radioButton_C1);gp3->addButton(ui->radioButton_C2);
}

4. QCheckBox

4.1 介绍

QCheckBox继承自QAbstractButton 表⽰复选按钮.可以允许选中多个，下面两个属性是比较常用的

属性	说明
checkable	是否能选中
checked	是否已经被选中.checkable是checked的前提条件.

4.2 例子1，获取复选框的内容

在widget.ui中创建3个复选框, 1个按钮

给QPushButton添加槽函数

void Widget::on_pushButton_clicked()
{QString s = "TODO: ";if(ui->checkBox->isChecked() == true) {s += ui->checkBox->text();s += " ";}if(ui->checkBox_2->isChecked() == true) {s += ui->checkBox_2->text();s += " ";}if(ui->checkBox_3->isChecked() == true) {s += ui->checkBox_3->text();s += " ";}ui->label->setText(s);
}