05 扩展组件：自定义CheckBox组件

系列文章目录

01 Qt自定义风格控件的基本原则-CSDN博客

02 从QLabel聊起：自定义控件扩展-图片控件-CSDN博客 

 03 从QLabel聊起：自定义控件扩展-文本控件-CSDN博客

04 自定义Button组件：令人抓狂的QToolButton文本图标居中问题-CSDN博客 

---

目录

系列文章目录

前言

一、从QCheckBox渲染源码说起

1.QCheckBox渲染源码

2.源码简述

二、自定义Button控件的使用场景

1.风格示意图

三、 实现思路 

1.概述

2.功能接口举例

3.CheckBox渲染部分代码示例

 4.注意事项

总结

---

前言

在篇幅《04 自定义Button组件：令人抓狂的QToolButton文本图标居中问题》中我根据QToolButton源码简单陈述了：为什么我们在业务开发场景中，同时居中按钮文本、图标复杂的原因。 其根本原因就在于Qt源码中已经把文本元素与图标元素的间隙设为固定值4个像素！

很遗憾的是， QCheckBox复选框控件类依旧存在以下让我不舒服的固定风格：

• 图标与文本间距依旧固定值4个像素
• 图标、文本对齐方式固定为水平居左、垂直居中

所以， 今天想分享的是自己在自定义CheckBox组件上的思路与方法！

既聊思路，也说代码！我们开始今天的CheckBox扩展控件类的分享！

---

一、从QCheckBox渲染源码说起

1.QCheckBox渲染源码

以下为Qt源码中关于QCheckBox复选框渲染的部分代码：

uint