QPushButton 实现保持按下效果

我们知道微信电脑版左上侧的3个按钮,是可以保持按下状态,且只要有个按下,之前按下的按钮就要切换至弹起状态。
如图
这里写图片描述 ——————————这里写图片描述

那么 QPushButton 怎么实现这种效果呢?其实很简单

  • 在 qt 设计师直接编辑按钮属性即可,在 QPushButton 的 QAbstractButton 属性里勾选 checked 和 autoExclusive 属性。如下图
    这里写图片描述

注,一组按钮都要设置,如果想要设置哪个按钮默认按下,可以勾选 checked 属性。不选的话默认选择第一个。
当然不想在设计师里勾选的话,也可以直接用代码设置:

button->setCheckable(true);
button->setChecked(true);//只能设置一个
button->setAutoExclusive(true);
  • 设置按钮样式
QPushButton
{   
    border-image: url(:/navbar/bar_org_nor);
    background:transparent; 
}
QPushButton:hover
{
    border-image: url(:/navbar/bar_org_down);
}

QPushButton:checked
{
    border-image: url(:/navbar/bar_org_down);
}
  • 效果图

    这里写图片描述 ——————–这里写图片描述

猜你喜欢

转载自blog.csdn.net/qiangzi4646/article/details/80135120