Qt学习笔记外观篇（七）：QCheckBox

最新推荐文章于 2024-03-13 12:39:53 发布

VIP文章 wangyanphp

最新推荐文章于 2024-03-13 12:39:53 发布

阅读量1w

点赞数 2

分类专栏： Qt 文章标签： GUI Qt 界面自定义外观

本文链接：https://blog.csdn.net/wangyanphp/article/details/38919757

版权

QCheckBox是一个常用而且简单的窗口部件，其用法可以参考《C++ GUI Qt4 编程》。下面说一下它的外观：

	QDialog dialog;
	QCheckBox checkBox(QObject::tr("hello"),&dialog);
	QVBoxLayout layout(&dialog);
	layout.addWidget(&checkBox);
	dialog.setLayout(&layout);

得到效果图如下：

可以看到复选框是由勾选框和文本两部分组成。我们对两部分都可以定制。这里值得指出的是：QCheckBox的qss中可以使用spacing属性来定义勾选框和文本之间的距离。

使用如下的qss：

QCheckBox{
font:12px;
font-family:"Vrinda";  
 spacing: 5px;
}

 QCheckBox::indicator {
     width: 13px;
     height: 13px;  
 }
QCheckBox::indicator:unchecked {
     image: url(:/images/checkbox_unchecked.png);
 }

 QCheckBox::indicator:unchecked:hover {
     image: url(:/images/checkbox_unchecked_hover.png);
 }

 QCheckBox::indicator:unchecked:pressed {
     image: url(:/images/checkbox_unchecked_pressed.png);
 }

 QCheckBox::indicator:checked {
     image: url(:/images/checkbox_checked.png);
 }

 QCheckBox::indicator:checked:hover {
     image: url(:/images/checkbox_checked_hover.png);
 }

 QCheckBox