QT自定义控件--滑动按钮
前言
C++ Qt是一个基于C++语言的跨平台应用程序开发框架，具有丰富的UI组件和API库。Qt包括了许多模块，如Qt Core、Qt GUI、Qt Network等，每个模块都提供了一系列的类和函数。Qt还提供了集成开发环境（IDE）Qt Creator，使得开发人员可以通过它来创建、编译、调试和部署Qt应用程序。
学习Qt开发不知道做什么？我为大家整理的这些领域都涉及到Qt开发：嵌入式领域、桌面端开发、移动端、微控制器MCU、客户端(游戏、直播等等)、汽车领域行业、 消费类电子设备、医疗领域行业、工业自动化领域等等
一、效果展示
Qt学习基地（免费报名学习）：C/C++项目实战/Qt5/C语言/c++/数据库/OpenCV/MFC/QT项目-学习视频教程-腾讯课堂
二、绘制过程
2.1、控件分析
滑动按钮主要由背景框和滑块组成。当点击按钮的时候，滑块就会滑到另一边，相应的背景框和滑块的颜色都会发生切换，所以可以将任务细分为三个：绘制背景框、绘制滑块、实现点击滑动。
2.2、原理详解
滑动按键的功能是：点击按钮时，滑块会滑动到另一边；为了捕捉点击动作就必须写一个按钮点击事件mousePressEvent()。为了实现滑块平滑的移动，可以使用定时器逐次移动（例如每10ms移动1/50的移动距离）。产生点击之后，将按钮的状态翻转，再计算出滑块的目标位置，并开启定时器实现逐次移动，移动要根据滑块的初始位置和目标位置来判断：当开关关闭时发生点击，滑块要向右滑动，初始位置+=移动步长，直到初始位置等于目标位置；当开关开启时发生点击，滑块要向左滑动，初始位置-=移动步长，直到初始位置等于目标位置。然后每次定时器计时到达就触发重绘事件，因为绘制滑块时会参考初始位置，所以就实现了滑块平滑的移动。
2.3、绘制背景框
void SwitchButton::drawBg(QPainter *painter)
{
painter->save();
painter->setPen(Qt::NoPen);
if (!checked)
{
painter->setBrush(bgColorOff);
}
else
{
painter->setBrush(bgColorOn);
}
painter->drawRoundedRect(rect(), rectRadius, rectRadius);
painter->restore();
}Qt框架,GUI应用程序,跨平台开发,信号与槽机制,QML语言,模型视图编程,多线程编程,数据库编程,网络编程,XML解析,JSON解析,图形图像处理,用户界面设计,动画效果,OpenGL,WebKit,嵌入式开发,客户端/服务器应用程序.自定义控件QT6，C++语言基础，qt基础编程，qt软件开发，Qt架构设计，qt布局管理器，qt嵌入式开发，qt编程入门，qt数据库编程，qt跨平台框架，QT项目实战，Quick模块，OpenCV，Qt实战，OpenCV教程，QT界面开发，Qt框架，C++数据结构，Qt线程，桌面应用开发，qt桌面应用开发，Socket网络编程，qt开发工程师，qt开发，应用程序开发框架，图形视图框架，数据库编程，Qt开发编程，Qt开发控件，Qt开发工程师，QT开发必备技能栈，qt编码，qt网络编程，qt网络通信，Qt信号，Qt槽机制，qt字符串,qt数据类型,qt容器，qt客户端开发，qt软件工程师，qt页面绘制
本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QT嵌入式开发，Quick模块等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓
2.4、绘制滑块
void SwitchButton::drawSlider(QPainter *painter)
{
painter->save();
painter->setPen(Qt::NoPen);
if (!checked) {
painter->setBrush(sliderColorOff);
} else {
painter->setBrush(sliderColorOn);
}
int sliderWidth = width() / 2 - space * 2;
int sliderHeight = height() - space * 2;
QRect sliderRect(startX + space, space, sliderWidth , sliderHeight);
painter->drawRoundedRect(sliderRect, rectRadius, rectRadius);
painter->restore();
}Qt框架,GUI应用程序,跨平台开发,信号与槽机制,QML语言,模型视图编程,多线程编程,数据库编程,网络编程,XML解析,JSON解析,图形图像处理,用户界面设计,动画效果,OpenGL,WebKit,嵌入式开发,客户端/服务器应用程序.自定义控件QT6，C++语言基础，qt基础编程，qt软件开发，Qt架构设计，qt布局管理器，qt嵌入式开发，qt编程入门，qt数据库编程，qt跨平台框架，QT项目实战，Quick模块，OpenCV，Qt实战，OpenCV教程，QT界面开发，Qt框架，C++数据结构，Qt线程，桌面应用开发，qt桌面应用开发，Socket网络编程，qt开发工程师，qt开发，应用程序开发框架，图形视图框架，数据库编程，Qt开发编程，Qt开发控件，Qt开发工程师，QT开发必备技能栈，qt编码，qt网络编程，qt网络通信，Qt信号，Qt槽机制，qt字符串,qt数据类型,qt容器，qt客户端开发，qt软件工程师，qt页面绘制
2.5、其余代码
SwitchButton::SwitchButton(QWidget *parent): QWidget(parent)
{
checked = false;
//开、闭时背景颜色
bgColorOff = QColor(225, 225, 225);
bgColorOn = QColor(250, 250, 250);
//开、闭时滑块颜色
sliderColorOff = QColor(100, 100, 100);
sliderColorOn = QColor(100, 184, 255);
space = 2; //背景间隔
rectRadius = 5;
step = width() / 50; //步长
//起始、目标位置
startX = 0;
endX = 0;
timer = new QTimer(this);
timer->setInterval(10);
connect(timer, SIGNAL(timeout()), this, SLOT(updateValue()));
setFont(QFont("Microsoft Yahei", 10));
}
void SwitchButton::mousePressEvent(QMouseEvent *)
{
checked = !checked;
emit checkedChanged(checked);
//每次移动的步长为宽度的 50分之一
step = width() / 50;
//状态切换改变后自动计算终点坐标
if (checked)
{
endX = width() - width() / 2;
}
else
{
endX = 0;
}
timer->start();
}
void SwitchButton::updateValue()
{
if (checked) {
if (startX < endX) {
startX = startX + step;
} else {
startX = endX;
timer->stop();
}
} else {
if (startX > endX) {
startX = startX - step;
} else {
startX = endX;
timer->stop();
}
}
update();
}
void SwitchButton::resizeEvent(QResizeEvent *)
{
//每次移动的步长为宽度的 50分之一
step = width() / 50;
//尺寸大小改变后自动设置起点坐标为终点
if (checked)
{
startX = width() - width() / 2;
}
else
{
startX = 0;
}
update();
}
void SwitchButton::paintEvent(QPaintEvent *)
{
//绘制准备工作,启用反锯齿
QPainter painter(this);
painter.setRenderHint(QPainter::Antialiasing);
//绘制背景
drawBg(&painter);
//绘制滑块
drawSlider(&painter);
}本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QT嵌入式开发，Quick模块等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓
C++ Qt是一个基于C++语言的跨平台应用程序开发框架，具有丰富的UI组件和API库。Qt包括了许多模块，如Qt Core、Qt GUI、Qt Network等，每个模块都提供了一系列的类和函数。Qt还提供了集成开发环境（IDE）Qt Creator，使得开发人员可以通过它来创建、编译、调试和部署Qt应用程序。
学习Qt开发不知道做什么？我为大家整理的这些领域都涉及到Qt开发：嵌入式领域、桌面端开发、移动端、微控制器MCU、客户端(游戏、直播等等)、汽车领域行业、 消费类电子设备、医疗领域行业、工业自动化领域等等
Qt框架,GUI应用程序,跨平台开发,信号与槽机制,QML语言,模型视图编程,多线程编程,数据库编程,网络编程,XML解析,JSON解析,图形图像处理,用户界面设计,动画效果,OpenGL,WebKit,嵌入式开发,客户端/服务器应用程序.自定义控件QT6，C++语言基础，qt基础编程，qt软件开发，Qt架构设计，qt布局管理器，qt嵌入式开发，qt编程入门，qt数据库编程，qt跨平台框架，QT项目实战，Quick模块，OpenCV，Qt实战，OpenCV教程，QT界面开发，Qt框架，C++数据结构，Qt线程，桌面应用开发，qt桌面应用开发，Socket网络编程，qt开发工程师，qt开发，应用程序开发框架，图形视图框架，数据库编程，Qt开发编程，Qt开发控件，Qt开发工程师，QT开发必备技能栈，qt编码，qt网络编程，qt网络通信，Qt信号，Qt槽机制，qt字符串,qt数据类型,qt容器，qt客户端开发，qt软件工程师，qt页面绘制