SwitchButton 是单选按钮框,里面有多个按钮可以点击。按钮有三种状态:悬浮、选中、未选中,每种状态用不同的颜色表示。当选中一个按钮后,其他的按钮会变成未选中状态。这个控件的功能类似于 RadioButton + ButtonGroup,但是界面布局的方式不一样。其中的按钮是绘制出来的,不是子控件。 SwitchButton 基于 QWidget 和 Q...
Qt做界面的时候常常会用到开关控件,类似于CheckButton有两种状态,只是界面表现形式不一样而已。本文通过QWidget类来实现一个开关控件SwitchBtn(有些平台上又称为SlipButton)。 首先来看看封装好的控件样式 正文 其中动画效果是通过QPropertyAnimation来实现的,按钮中间的圆是一张准备好的图片,而控件背景是通过当前状态然...
本文通过QWidget类来实现一个开关控件SwitchBtn(有些平台上又称为SlipButton)。 首先来看看封装好的控件样式 正文 其中动画效果是通过QPropertyAnimation来实现的,按钮中间的圆是一张准备好的图片,而控件背景是通过当前状态然后用QPainter来绘制的。 话不多说,直接上代码 头文件 #include <QWidget> #include <Q...
void SwitchButton::drawBackGround(QPainter*painter){painter->save();painter->setPen(Qt::NoPen);QColor bgColor=m_checked?m_bgColorOn:m_bgColorOff;if(isEnabled()){bgColor.setAlpha(140);}painter->setBrush(bgColor);QRectrect(0,0,width(),height());int side=qMin(width(),height());//左...
首先,在QT的界面设计中,可以通过拖拽方式将SwitchButton控件添加到窗体中。然后,在代码中引入相应的头文件,例如"QSwitchButton"。 接下来,可以使用以下代码进行SwitchButton的初始化和设置: ```cpp //创建SwitchButton控件对象 QSwitchButton *switchButton = new QSwitchButton(); ...
1、功能介绍在项目UI中使用较多的打开/关闭的开关按钮,一般都是找图片去做效果,比如说如下的图像来表征打开或关闭。如果想要控件有打开/关闭的动画效果或比...
SwitchButton(QWidget *parent =0); ~SwitchButton(); protected:voidmousePressEvent(QMouseEvent *);voidresizeEvent(QResizeEvent *);voidpaintEvent(QPaintEvent *);voiddrawBg(QPainter *painter);voiddrawSlider(QPainter *painter); private:intspace;//滑块离背景间隔intrectRadius;//圆角角度boolchecked;//...
core gui 8 9 greaterThan(QT_MAJOR_VERSION, 4): QT += widgets 10 11 TARGET = SwitchButton 12 TEMPLATE = app 13 14 15 SOURCES += main.cpp\ 16 FrameSwitchButtons.cpp \ 17 SwitchButton.cpp 18 19 HEADERS += FrameSwitchButtons.h \ 20 SwitchButton.h 21 22 FORMS += FrameSwitchButtons....
switchbutton.h View Code switchbutton.cpp View Code 此自定义控件集成在QFramework中。 自定义控件可执行文件下载:http://pan.baidu.com/s/1i5iCfzv QFramework简介: QFramework是一套通用的Qt程序开发框架,集成主界面布局、各种自定义控件、数据库处理、excel极速导出、数据打印、串口通信、网络通信、协议解析、全...
#ifndef SWITCHBUTTON_H#define SWITCHBUTTON_H/*** 开关按钮控件 作者:feiyangqingyun(QQ:517216493) 2016-11-6* 1:可设置开关按钮的样式 圆角矩形/内圆形/外圆形* 2:可设置选中和未选中时的背景颜色* 3:可设置选中和未选中时的滑块颜色* 4:可设置显示的文本* 5:可设置滑块离背景的间隔* 6:可设置圆角角度...