QT自绘开关按钮实现——SwitchButton

最新推荐文章于 2026-04-18 11:25:45 发布

原创最新推荐文章于 2026-04-18 11:25:45 发布 · 730 阅读

标签

#qt #数据库 #开发语言 #QT

收录于

QT 专栏收录该内容

73 篇文章 ¥59.90 ¥99.00

订阅专栏

本文详细介绍了如何使用QT框架自绘一个开关按钮（SwitchButton）。通过创建自定义的QWidget类，处理绘制和鼠标点击事件，实现了开关按钮的打开和关闭状态切换。并在主窗口中展示了这个自定义的开关按钮。

在本文中，我们将介绍如何使用QT框架自绘一个开关按钮（SwitchButton）。开关按钮是一种常见的用户界面控件，它可以表示两种状态（打开和关闭），用户可以通过点击按钮来切换状态。我们将使用QT的绘图功能来创建一个自定义的开关按钮。

首先，我们需要创建一个新的QT项目，并添加一个自定义的QWidget类来实现开关按钮。在头文件中，我们定义一个名为SwitchButton的类，并继承自QWidget。同时，我们还需要添加一些成员变量和方法来管理按钮的状态和绘制。

#ifndef SWITCHBUTTON_H
#define SWITCHBUTTON_H

#include

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YjjOle

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

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

进击的程序员

02-24

3592

开关控件（Switch Control）不在Qt基本组件库里面，但是在我们的日常业务开发中极其常见。开关控件通常用于在用户界面中表示两种状态（打开和关闭、开和关等），用户可以通过点击或拖动来切换状态。然而，如果单纯的根据两种状态进行Icon的切换又略显单调些，所以本篇想向大家分享的是具有开关动画效果的Switch按钮组件！既聊代码也说思路，我们开始今天的动画Swich动画开关组件的分享！1.为了沿用Qt 按钮组件的基本功能接口，所以我们继承的基类应该选择。

参与评论您还未登录，请先登录后发表或查看评论

Qt中处理字符串时的函数记录

qq_43761725的博客

04-19

518

通过btn_result按钮的点击事件，获得一个QString的字符串，本代码基于简单计算器的实现，也就是说会有两个数以及加减乘除的运算符，目的就是处理字符串获取两个数据以及运算符。

Qt自定义SwitchButton控件：从定时器到QPropertyAnimation的性能优化实战

最新发布

weixin_42530458的博客

04-18

324

本文详细介绍了Qt中自定义SwitchButton控件的性能优化实战，从传统定时器方案到QPropertyAnimation的转变，显著提升了动画流畅度和资源利用率。通过对比测试数据、关键代码示例和高级优化技巧，帮助开发者实现高性能的自定义控件，适用于复杂界面场景。

[Qt学习笔记]Qt实现自定义控件SwitchButton开关按钮

fengyaowuhui的博客

03-20

2718

在项目UI中使用较多的打开/关闭的开关按钮，一般都是找图片去做效果，比如说如下的图像来表征打开或关闭。如果想要控件有打开/关闭的动画效果或比较好的视觉效果，这里就可以使用自定义控件，使用Painter来绘制控件。

Qt：switch

OceanStar的博客

01-28

3613

#include <QCoreApplication> #ifndef FALLTHROUGH #if __has_cpp_attribute(fallthrough) #define FALLTHROUGH [[fallthrough]] #elif __has_cpp_attribute(clang::fallthrough) #define FALLTHROUGH [[clang::fallthrough]] #else #define FALLTHROUGH #endif #endif

Qt实现一个支持QSS的Switch Button(开关按钮)

eiilpux17的博客

12-12

6842

目录Qt实现一个支持QSS的Switch Button(开关按钮)问题解决思路实现方式其他不同的 Switch Button总结 Qt实现一个支持QSS的Switch Button(开关按钮) 本文会比较长，目的是为了提供一种实现自定义复杂控件的方式，对于使用 QSS 应用样式的项目可能会有帮助。实现的过程会相对比较复杂和难理解，仅作为研究，对于实际开发可能没什么太大价值。放上最终的实现效果图：问题常见的 Switch Button ，至少包含两部分，槽和滑块，这种由多个小部件组合的控件，在 Q

qt 调用qpainter_Qt实现的自定义开关按钮SwitchButton

weixin_35572363的博客

12-29

1064

SwitchButton效果今天和大家分享一个基于Qt实现的自定义开关按钮-SwitchButton，可以在程序中用SwitchButton代替QRadioButton或QCheckBox进行一些使能的控制，不仅能实现同样的功能，而且外观和动态效果很现代化，使程序更加美观。平时我们用的很多软件里面也都有SwitchButton的使用，比如手机设置中的流量开关、飞行模式开关等，如下图所示：然后再看一...

qt 怎么设计个性化的滑块_Qt实现的自定义开关按钮SwitchButton

weixin_39572794的博客

11-23

1182

QT学习记录-自定义开关按钮

m0_37837218的博客

12-26

708

在网上收藏了好多开关效果惊艳的教程，想了想写个尽量简单点的，给自己应急用，但是效果就没那么好了 switchbutton.h #ifndef SWITCHBUTTON_H #define SWITCHBUTTON_H #include <QWidget> #include <QEvent> #include <QPaintEvent> #include <...

Qt自定义控件------SwitchButton

屁股大象的博客

06-13

6332

简介 SwitchButton是非常普遍实用的按钮，Qt里面竟然没有Switch着实让我惊讶，所以只能自己实现了。效果下面放效果图控件拆分一、控件大体有两部分组成，一个是背景，一个是白色的滑块。原本背景是想用QWidget然后直接设置圆角的，然后发现效果很差。所以背景改成QPainter来绘制，拆分为2个180°的圆弧和一个矩形。二、背景 = 左圆弧 + 矩形 + 右圆弧。有两种做法，一种就是字面上的做法，通过drawArc画两个圆弧，drawLine画上下两条线，然后填充。另外的简单粗暴做法就

Qt编写自定义控件一开关按钮

m0_73443478的博客

06-02

3003

Qt编写自定义控件一开关按钮

qt 自定义样式 switch开关，已解决

PHP代码的博客

07-18

1051

在日常需求中，需要对功能增加一个开关，因此做了简单封装。

Qt Quick - Switch理论

洪源兄

03-16

1308

Switch 是一个单选按钮，其实就是叫开关控件的嘛，可以拖动或打开(选中)或关闭(未选中)。Switch 通常用于在两种状态之间进行选择。对于较大的选项集，如列表中的选项，请考虑使用SwitchDelegate。Switch从AbstractButton继承了它的API。例如，可以用checked属性设置开关的状态。

Qt画漂亮的按钮

weixin_51883798的博客

03-04

1043

Qt画按钮

Qt | 自定义SwitchButton

m0_72760466的博客

01-02

1138

源码可以在Github上下载，后续会不断更新，并且提供C++版本组件，欢迎各位关注。 1. Github ：https://github.com

按钮重绘【Qt UI界面美化】【paintEvent】

qq_43251915的博客

10-10

516

现效果一共两种，打开/关闭#define APPROACHES_1 可以切换实现方法。

2.1Qt基础按钮控件

weixin_45913886的博客

01-20

2256

在学习按钮控件之前必须先了解这些控件类的继承关系，QAbstractButton 类是所有按钮控件的基类，派生了QCheckBox, QPushButton, QRadioButton, QToolButton 类。QAbstractButton 类继承于 QWidget，QWidget 类是所有用户界面对象的基类。窗口部件是用户界面的一个基本单元：它从窗口系统接收鼠标、键盘和其它事件，并且在屏幕上绘制自己。每一个窗口部件都是矩形的，并且它们按 Z 轴顺序排列。

在Qt中使用switch case语句抓取QString类型

liuyu的博客

03-07

6658

在Qt中使用switch case语句抓取QString类型在编写Qt程序时，发现switch case 无法直接抓取QString类型进行比较。在网络上总结了两种方法：参考：https://blog.csdn.net/qq_39404112/article/details/105384517 1.使用了QStringList进行操作使用QStringList 插入List的顺序对应case语句的0，1，…… QStringList stringList; stringList << "

qt自定义滑动按钮（美观且使用方便）

小土同学的博客

05-18

6651

前言某一次qt界面需要用到类似苹果上的滑动按钮，但发现qt中并没有类似的控件。百度之后发现有位博主的自己设计了这种控件，美观度和操作性都很高。但该博主没有介绍用法，所以特此记录，以便新手使用。链接：原文链接先上截图：代码： switchbutton.h #ifndef switchbutton_H #define switchbutton_H #include <QWidget> #include <QTimer> #include <QColor> cl

Qt自定义控件-自定义SwitchButton

aMaCoder

10-20

1188

自定义SwitchButton，继承QWidget，然后重载paintEvent方法来绘制按键外观，其中动画效果通过定时器timer处理，可以自定义按键宽度、高度以及圆角，重载mousePressEvent方法实现点击功能；按键开关状态通过信号获取，实现方法多种多样，欢迎感兴趣的朋友探讨。