QPushButton按钮互斥效果

说明

在某些情况我们想要实现的效果是：选中一个按钮后，上一次选择的就取消了，按钮和按钮之间产生互斥的效果！

如下图效果：

 

实现步骤

1、需要创建一个QButtonGroup，然后启用互斥属性

QButtonGroup* btn_group;
btn_group = new QButtonGroup(this);
btn_group->setExclusive(true);//启用互斥

 

2、创建QPushButton，将按钮的checked启用，然后加入QButtonGroup中。

QPushButton* btn = new QPushButton(this);
btn->setCheckable(true);  //将checked功能启用
btn_group->addButton(btn);//添加进QButtonGroup中

 

3、设置QPushButton的qss样式，按下和没按下的样式

//没按下（正常情况）
QPushButton{
            border:1px solid rgb(143,143,143); 
            background-color:white; 
            color:black;
            }

//按下
QPushButton:checked{
                    border:1px solid rgb(143,143,143); 
                    background-color:rgb(2,125,180); 
                    color:white;
                    }