QT开发之按钮控件

1、设置背景图片

QIcon button_ico1(":/1.png");
ui->pushButton_1->setFlat(true);//去掉按钮边框
ui->pushButton_1->setStyleSheet("QPushButton{color:white; background-color:transparent;}");//去掉点击按钮时的边框
ui->pushButton_1->setIcon(button_ico1);//设置按钮背景图片

添加按钮正常、鼠标移动到按钮上、点击按钮、不可用四个状态的图片

ui->pushButton_1->setStyleSheet("QPushButton{border-image: url(:/png/1.png);}"
                                      "QPushButton:hover{border-image: url(:/png/2.png);}"
                                      "QPushButton:pressed{border-image: url(:/png/3.png);}"
"QPushButton:disabled{border-image: url(:/png/8.png);}");

2、多选按钮，选中三种状态，未选中三种状态

checkBox[i]->setStyleSheet("QCheckBox{spacing: 2px;color: white;}"
                                   "QCheckBox::indicator {width: 45px;height: 30px;}"
                                   "QCheckBox::indicator:unchecked {image: url(:/png/27.png);}"
                                   "QCheckBox::indicator:unchecked:hover {image: url(:/png/27.png);}"
                                   "QCheckBox::indicator:unchecked:pressed {image: url(:/png/27.png);}"
                                   "QCheckBox::indicator:checked {image: url(:/png/28.png);}"
                                   "QCheckBox::indicator:checked:hover {image: url(:/png/28.png);}"
                                   "QCheckBox::indicator:checked:pressed {image: url(:/png/28.png);}"
                                   );