效果图:
上述这种按钮,用QCheckBox可以实现,只要在选择与未选择的状态设置不同的图片即可:
选择
未选择
实现代码
#include "widget.h"
#include "ui_widget.h"
#include <QMessageBox>
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
ui->checkBox->setText("");
ui->checkBox->setFixedSize(128, 64);
QString qss = "QCheckBox::indicator:unchecked{
image:url(:/resources/status_close.png);
}
QCheckBox::indicator:checked {
image: url(:/resources/status_open.png);
}";
ui->checkBox->setStyleSheet(qss);
ui->checkBox->setChecked(true);
connect(ui->checkBox, &QCheckBox::stateChanged, this, &Widget::slot_stateChanged);
}
Widget::~Widget()
{
delete ui;
}
void Widget::slot_stateChanged(int state)
{
if(ui->checkBox->isChecked())
{
//QMessageBox::information(this, "tips", "open");
}
else
{
//QMessageBox::information(this, "tips", "close");
}
}
在qss里设置QCheckBox::indicator:unchecked与QCheckBox::indicator:checked两种转态下不同的背景图,当选择状态发生变化时,链接信号stateChanged即可。