QT开发之按钮控件

最新推荐文章于 2023-01-20 11:53:18 发布

大树学长

最新推荐文章于 2023-01-20 11:53:18 发布

阅读量219

点赞数 2

分类专栏： QT控件

本文链接：https://blog.csdn.net/bigtree_mfc/article/details/102562615

版权

QT控件专栏收录该内容

22 篇文章 7 订阅

订阅专栏

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);}"
                                   );