如何设置QListWidgetItem勾选框的样式？

原文链接：

https://www.fearlazy.com/index.php/post/270.html

QListWidgetItem通过setCheckState可以设置列表项的勾选状态，但是默认的勾选框样式通常和UI设计的效果不搭，如图：

实际使用时常常需要根据设计设置其样式。那么如何设置勾选框的样式呢？

方法: 使用样式表

虽然勾选框是通过调用QListWidgetItem的setCheckState函数出现的，但是其样式并不是通过设置item的样式来实现的，而是通过QListWidget::indicator来实现的。

测试：

1.创建一个列表：

2.设置列表的样式

未设置勾选框的样式时，通常不能和设计搭配。

3.设置勾选框的样式

如何设置QListWidgetItem勾选框的样式？相关推荐

html5怎么设置勾选,word文档怎么设置输入勾选框
我们做报告或者调查问卷时候最常用的应该就是勾选框了吧,那么怎么输入呢?下面学习啦小编就为大家介绍一下,一起来看看吧! word文档输入勾选框的方法输入勾选框步骤1:首先我个人比较喜欢通过某些输入法软 ...
iview 动态控制 table中某一行select勾选框能否选中，以及某一行select勾选框能否显示(隐藏禁用的勾选框)。
如上图,这是一个vue页面中的table,在其columns中加了一个selection后,实现了多选/全选table行的功能: {type: 'selection',width: 60,align: ...
勾选框秘密(radio checkbox)
1.初识勾选框刚刚接触html,就接触了勾选框... <!DOCTYPE html> <html><head><meta charset="utf ...
Python—tkinter实现勾选框以及全选和反选
经过长期探索,自己终于探索出了一套完善可行的tkinter的勾选框方案,分享给大家.单个勾选框容易,关键是如何根据一个列表,设置一组勾选框,能够四个一组换行,能够全选和反选,能够获取到选择的值. im ...
qt中设置QCheckBox的文本与勾选框之间的距离
引言项目中需要设置QCheckBox的文本与勾选框之间的距离,还有需要将勾选框设置的大一点,不是使用原始大小的勾选框.花了一点时间才知道如何实现.现在记录一下. 示例我是通过样式表实现的文本与勾选 ...
纯CSS设置Checkbox复选框控件的样式
下面是纯CSS设置Checkbox复选框控件的五种简单样式,有兴趣的可以进行改动将其变成自己想要的样式. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要做到点需要 ...
饿了么UI elementUI中的el-table勾选框设置默认勾选、禁用
最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark="1",是勾选状态且该勾选框变为禁用状态:反 ...
vue利用element勾选框样式编写可勾选的卡片组件
需求:1.卡片点击查看详情,添加选中样式,兄弟标签取消样式:2.勾选框全选.反选,勾选样式,判断全选,未全选. 1.HTML 全选 <div class="select-contani ...
elementUI中的el-table勾选框设置默认勾选、禁用
elementUI中的el-table勾选框设置默认勾选.禁用最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark= ...

如何设置QListWidgetItem勾选框的样式？

如何设置QListWidgetItem勾选框的样式？相关推荐

最新文章

热门文章