06 Qt自绘组件：Switch动画开关组件

系列文章目录

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

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

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

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

05 扩展组件：自定义CheckBox组件-CSDN博客

---

目录

系列文章目录

前言

一、示意效果

二、实现思路

1.概述

2.功能接口举例

3.部分渲染代码

1.动画触发时机

2.响应动画的数值变化以及状态变化

 3.根据动画中间差值，渲染背景以及Handle

3.1 渲染Switch背景色 

3.2 渲染Swith滑块 

总结

---

前言

开关控件（Switch Control）不在Qt基本组件库里面，但是在我们的日常业务开发中极其常见。

开关控件通常用于在用户界面中表示两种状态（打开和关闭、开和关等），用户可以通过点击或拖动来切换状态。然而， 如果单纯的根据两种状态进行Icon的切换又略显单调些，所以本篇想向大家分享的是具有开关动画效果的Switch按钮组件！

既聊代码也说思路，我们开始今天的动画Swich动画开关组件的分享！

---

一、示意效果

二、实现思路

1.概述

1.为了沿用Qt 按钮组件的基本功能接口，所以我们继承的基类应该选择QAbstractButton而不是QWidget

2.从Swich组件的元素来看，我们可以拆解为三部分逻辑：

•         圆角矩形背景