Qt之QSS：带CheckBox的QGroupBox及其样式设计

前言

在引入QGroupBox的QSS时，会出现下图中的三种问题，导致界面显示极其丑陋。所以要改变QSS设置使界面更bf~

下面是两个方式改变QSS让界面更加舒服~ 顺便在原生QGroupBox基础上添加了checkBox来实现功能。

一、QSS设置

普通的QGroupBox是不带CheckBox的，当CheckBox未选中时，QGroupBox中的所有控件都是不可用的，这样界面布局可以更加的灵活多变，想要QGroupBox带上CheckBox其实很简单的，下面就来说明这一操作：

QGroupBox  *m_pModelGBox;
m_pModelGBox = new QGroupBox(tr("StartUsing"), this);
m_pModelGBox->setCheckable(true);    //将CheckBox属性释放出来；
m_pModelGBox->setChecked(false);

这样就构造出了一个带CheckBox的QGroupBox，默认是不选中的，这样就可以了；
下面对QGroupBox的样式进行设定（QSS版）：

/*这是对QGroupBox的框样式进行设定*/
QGroupBox{border: 1px solid rgb(80,80,80);border-radius:6px;margin-top:12px; //可以设置title放下沉
}
QGroupBox:title {color:rgb(28,151,234);subcontrol-origin: margin;left: 10px;
}
/*这是对CheckBox的样式进行设定*/
QGroupBox::indicator:unchecked {image: url(:/Ampctrl/Recources/image/UnCheck_.png);/*image: url(:/Ampctrl/Recources/image/UCheckIn.png);*/
}
QGroupBox::indicator:checked {image: url(:/Ampctrl/Recources/image/Check_.png);/*image: url(:/Ampctrl/Recources/image/CheckIn.png);*/
}

二、setStyleSheet()设置（代码版）

ui.groupBox->setStyleSheet("QGroupBox{border:1px solid rgb(80,80,80);border-radius:6px;margin-top:12px;}"
"QGroupBox:title {color:rgb(28,151,234);subcontrol-origin: margin; left: 10px;}"
/*这是对CheckBox的样式进行设定*/
"QGroupBox::indicator:unchecked {image: url(:/Ampctrl/Recources/image/UnCheck_.png);}"
"QGroupBox::indicator:checked {image: url(:/Ampctrl/Recources/image/Check_.png);}"
);

Qt之QSS：带CheckBox的QGroupBox及其样式设计相关推荐

Qt之QSS（暗橙色）
简述我觉得一个好看的 UI 可以潜意识地激励我们,不仅可以让我们工作的更高效.更有乐趣,而且可以让应用程序变得更漂亮.更直观. 我比较喜欢风格一致的产品,让所有的东西看起来像是一个大家庭,给人一种专 ...
Qt读取qss文件失败或qss不生效解决方案
2020博客之星年度总评选进行中:请为74号的狗子投上宝贵的一票! 我的投票地址:点击为我投票最近在写qt加载样式表的博文,发现qss文件要么打开失败,要么加载成功,但是不生效,经过一番搜索也是算解 ...
详解 QT 皮肤 QSS编程
本文纯粹拷自51CTO,只为复习阅读方便... QT 皮肤 QSS编程是本文要介绍的内容,借用css 的灵感,Qt也支持Qt自己的css,简称qss.同css 相似,qss的主要功能与最终目的都是能使 ...
Silverlight Telerik控件学习：带CheckBox复选框的树形TreeView控件
在web开发中,带checkbox的tree是一个很有用的东东,比如权限选择.分类管理,如果不用sl,单纯用js+css实现是很复杂的,有了SL之后,就变得很轻松了解决方案一: 利用Silvelri ...
WPF 带CheckBox、图标的TreeView
WPF 带CheckBox.图标的TreeView 在WPF实际项目开发的时候,经常会用到带CheckBox的TreeView,虽然微软在WPF的TreeView中没有提供该功能,但是微软在WPF中提 ...
带CheckBox的CListCtrl，源码可下载
实现了一个带CheckBox的CListCtrl,源码可从http://d.download.csdn.net/down/2804276/JoeBlackzqq下载.
Qt中QSS的简单使用
样式表的组成样式表由两大元素组成:选择器和声明.选择器实际上可以理解为对象,声明则是对该对象的属性的设置. 样式表的使用方法一:在代码中调用setStyleSheet()来设置样式: 方法二:通过 ...
[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
前言在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其 ...
WPF MVVM模式带CheckBox的树形图
前不久做项目中有设计到树形图,还是带CheckBox的树形图,可伤我这种小白的脑筋了,上网找了好多资料参考写出来了,下面来看一下: 首先看这个带CheckBox树形图长啥样,只是一个简单的二级菜单,如 ...

Qt之QSS：带CheckBox的QGroupBox及其样式设计

前言

一、QSS设置

二、setStyleSheet()设置（代码版）

Qt之QSS：带CheckBox的QGroupBox及其样式设计相关推荐

最新文章

热门文章