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

QPushButton按钮互斥效果相关推荐

QT学习-----按钮弹起效果的实现
策略打错了.将错就错吧.记录一下这个按钮弹起效果的实现,以方便自己以后的使用创建一个Qt项目,不写了. (设置屏幕的大小.标题.标题图片) //设置固定的大小this->setFixedSiz ...
简单的UIButton按钮动画效果iOS源码
这个是简单的UIButton按钮动画效果案例,源码,简单的UIButton按钮动画,可以自定义button属性. 效果图: <ignore_js_op> 使用方法: 使用时把ButtonA ...
android 按钮动画效果_【css特效】按钮动画 - 按压效果
按钮动画 - "按压效果"codepen.io <!DOCTYPE html> <html> <head><meta charset=& ...
鼠标动效html,5种纯CSS3鼠标hover按钮动画效果
这是一款鼠标hover按钮动画特效.该特效共有5种hover动画效果,它们在结构布局上使用flex来进行布局,并通过css transition来实现动画效果. 使用方法 HTML结构该按钮特效使用 ...
android 4个点矫正不规则矩形_Android使用FragmentTabHost实现中间按钮凸出效果
目前很多app主页都是由几个tab页组成,所以我们开发app的时候一般都会涉及到主页tab的切换实现.常用的主页tab切换实现可以用viewpage和FragmentActivity组合,用普通But ...
【MFC】工具栏按钮单选效果
00. 目录文章目录 00. 目录 01. 案例概述 02. 开发环境 03. 关键技术 04. 程序设计 05. 秘笈心法 06. 源码下载 07. 附录 01. 案例概述 Visual C++在 ...
html按钮按下效果_您应该在网站中尝试的8种惊人的HTML按钮悬停效果，让您的网站令人难忘...
HTML按钮悬停效果简介按钮是每个页面,Web应用程序或移动应用程序中经常使用的基本HTML元素. HTML按钮是布局中非常重要的元素,因为在很多情况下,它是用户在呼吁采取行动并说服单击时必须注意到 ...
五、QPushButton按钮和QLineEdit控件操作
在第四节基础上,下面来进行QPushButton按钮和QLineEdit控件操作. 1.在主界面添加三个QLineEdit编辑框(其控件对象依次为lineEditNum1.lineEditNum2.l ...
如何用纯 CSS 创作小球变矩形背景的按钮悬停效果
效果预览在线演示按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/yxbEzJ 可交互视频 ...

QPushButton按钮互斥效果

说明

实现步骤

QPushButton按钮互斥效果相关推荐

最新文章

热门文章