前言

一共两种遥控控件，滑动式和点触式。

滑动式按钮点触式按钮

二、使用步骤

1.QT使用自定义控件

创建一个基于MainWindows的UI工程，将遥控控件button文件放到工程所在目录中
在工程管理文件(.pro文件)中添加 include(button/wbcontrolbutton2.pri)
打开ui文件，拉取一个widget控件，并提升类为相应的类名

2.程序如下：

wbcontrolbutton2.pri:

INCLUDEPATH += $$PWD
HEADERS += button(所在目录)/wbcontrolbutton2.h
SOURCES += button(所在目录)/wbcontrolbutton2.cpp

wbcontrolbutton2.h:

#ifndef WBCONTROLBUTTON2_H
#define WBCONTROLBUTTON2_H#include <QWidget>
#include <math.h>
#include <QPainter>
#include <QtCore>
#include <QFontMetrics>
#include<QPoint>
#include<Qt>
#include<QMouseEvent>
#include <QDebug>
class WBcontrolbutton2 : public QWidget
{Q_OBJECTpublic:WBcontrolbutton2(QWidget *parent = 0);void setcolorarc2(QColor rarc2); //中心圆渐变色起点颜色void setcolorlips(QColor lips);//圆的终点颜色void setcolorpointer(QColor pointer);//指针颜色void setcolorpointer2(QColor pointer);//指针颜色
signals:void Go_Diection(int x);  //1上，2左，3下，4右，5停止
private:QColor colorarc2;//圆渐变色起点颜色QColor colorelips;//圆渐变色终点颜色及圆轮廓的颜色QColor colorpointer;//指针颜色QColor colorpointer2;//指针颜色(鼠标按下后的颜色)QPen pen;//线QBrush brush;//刷子QRect rect;//视口int x, y; //圆边上的坐标，执行wbcircleEquation（）改变x，yint pointx,pointy;//鼠标按下坐标
protected:void paintEvent(QPaintEvent *);
//    void mouseMoveEvent(QMouseEvent *event);void mouseReleaseEvent(QMouseEvent *);void mousePressEvent(QMouseEvent *event);void wbcircleEquation(int r, double j); //根据角度，获取圆边上 点的坐标void wbdrawEllips(QPainter *painter);//画圆void wbdrawPointer(QPainter *painter, int x1,int y1, int x2,int y2, int x3, int y3, QColor colorpainter);//画指针（三角）
};#endif // WBCONTROLBUTTON2_H

wbcontrolbutton2.cpp:

#include "wbcontrolbutton2.h"WBcontrolbutton2::WBcontrolbutton2(QWidget *parent) :QWidget(parent)
{colorarc2 = Qt::white;//圆渐变色起点颜色colorelips = Qt::black;//圆渐变色终点颜色及圆轮廓的颜色colorpointer = Qt::blue;//指针颜色colorpointer2 = Qt::red;//指针颜色(鼠标按下后的颜色)pointx = 0;pointy = 0;this->resize(500,500);this->repaint();
}
void WBcontrolbutton2::wbcircleEquation(int r ,double j)//根据x坐标获得圆的y坐标，sign判断y的正负性
{double val = 3.14159265 / 180;if (j<=270 && j>180){x = -int(r*fabs(cos(val*j)));y = int(r*fabs(sin(val*j)));}else if (j<=180 && j>90){x = -int(r*fabs(cos(val*j)));y = -int(r*fabs(sin(val*j)));}else if (j<=90 && j>0){x = int(r*fabs(cos(val*j)));y = -int(r*fabs(sin(val*j)));}else{x = int(r*fabs(cos(val*j)));y = int(r*fabs(sin(val*j)));}
}
void WBcontrolbutton2::wbdrawEllips(QPainter *painter)//画圆
{pen = QPen();pen.setWidth(2);//25pen.setColor(colorelips);pen.setStyle(Qt::SolidLine);pen.setCapStyle(Qt::RoundCap);pen.setJoinStyle(Qt::BevelJoin);painter->setPen(pen);rect.setRect(-200,-200,400,400);QRadialGradient radial = QRadialGradient(0,0,200,0,0);radial.setColorAt(0,colorarc2);radial.setColorAt(1,colorelips);painter->save();painter->translate(250,250);painter->setBrush(radial);painter->drawEllipse(rect);painter->restore();
}
void WBcontrolbutton2::wbdrawPointer(QPainter *painter,int x1,int y1, int x2,int y2, int x3, int y3, QColor colorpainter)//画指针
{pen = QPen();pen.setWidth(1);//25pen.setColor(colorpainter);pen.setStyle(Qt::SolidLine);pen.setCapStyle(Qt::RoundCap);pen.setJoinStyle(Qt::BevelJoin);painter->setPen(pen);brush = QBrush();brush.setColor(colorpainter);brush.setStyle(Qt::SolidPattern);painter->setBrush(brush);painter->save();painter->translate(250,250);painter->drawPolygon(QPolygon({QPoint(x1,y1),QPoint(x2,y2),QPoint(x3,y3)}));painter->restore();
}
void WBcontrolbutton2::paintEvent(QPaintEvent *)
{QPainter wbpainter(this);wbpainter.setRenderHint(QPainter::Antialiasing);wbpainter.setRenderHint(QPainter::TextAntialiasing);rect = QRect(0,0,this->width(),this->height());wbpainter.setViewport(rect);wbpainter.setWindow(0,0,500,500);this->wbdrawEllips(&wbpainter);for (int i=0;i<4;i++){int x1,x2,x3,y1,y2,y3;this->wbcircleEquation(150,i*90);x1= x;y1 = y;this->wbcircleEquation(100,i*90-30);x2= x;y2 = y;this->wbcircleEquation(100,i*90+30);x3= x;y3 = y;this->wbdrawPointer(&wbpainter,x1,y1,x2,y2,x3,y3,colorpointer);}int area_x = this->width()/3;int area_y = this->height()/3;if(pointx>=area_x&&pointy<=area_y&&pointx<area_x*2&&pointy>0) //上{int x1,x2,x3,y1,y2,y3;this->wbcircleEquation(150,90);x1= x;y1 = y;this->wbcircleEquation(100,90-30);x2= x;y2 = y;this->wbcircleEquation(100,90+30);x3= x;y3 = y;this->wbdrawPointer(&wbpainter,x1,y1,x2,y2,x3,y3,colorpointer2);emit(Go_Diection(1));}else if(pointx>=0&&pointy>=area_y&&pointx<area_x&&pointy<area_y*2) //左{int x1,x2,x3,y1,y2,y3;this->wbcircleEquation(150,2*90);x1= x;y1 = y;this->wbcircleEquation(100,2*90-30);x2= x;y2 = y;this->wbcircleEquation(100,2*90+30);x3= x;y3 = y;this->wbdrawPointer(&wbpainter,x1,y1,x2,y2,x3,y3,colorpointer2);emit(Go_Diection(2));}else if(pointx>area_x&&pointy>area_y*2&&pointx<area_x*2&&pointy<area_y*3) //下{int x1,x2,x3,y1,y2,y3;this->wbcircleEquation(150,3*90);x1= x;y1 = y;this->wbcircleEquation(100,3*90-30);x2= x;y2 = y;this->wbcircleEquation(100,3*90+30);x3= x;y3 = y;this->wbdrawPointer(&wbpainter,x1,y1,x2,y2,x3,y3,colorpointer2);emit(Go_Diection(3));}else if(pointx>area_x*2&&pointy>area_y&&pointx<area_x*3&&pointy<area_y*2) //右{int x1,x2,x3,y1,y2,y3;this->wbcircleEquation(150,0);x1= x;y1 = y;this->wbcircleEquation(100,-30);x2= x;y2 = y;this->wbcircleEquation(100,30);x3= x;y3 = y;this->wbdrawPointer(&wbpainter,x1,y1,x2,y2,x3,y3,colorpointer2);emit(Go_Diection(4));}
}void WBcontrolbutton2::mousePressEvent(QMouseEvent *event)
{QPoint point;if (event->button() == Qt::LeftButton){point = event->pos();pointx = point.x();pointy = point.y();this->repaint();}
}
void WBcontrolbutton2::mouseReleaseEvent(QMouseEvent *)
{pointx = 0;pointy = 0;this->repaint();emit(Go_Diection(5));
}
//接口函数
void WBcontrolbutton2::setcolorarc2(QColor rarc2) //中心圆渐变色起点颜色
{colorarc2 = rarc2;this->repaint();
}
void WBcontrolbutton2::setcolorlips(QColor lips)//圆的终点颜色
{colorelips = lips;this->repaint();
}
void WBcontrolbutton2::setcolorpointer(QColor pointer)//指针颜色
{colorpointer = pointer;this->repaint();
}
void WBcontrolbutton2::setcolorpointer2(QColor pointer)//指针颜色
{colorpointer2 = pointer;this->repaint();
}

3.使用说明

按钮
制作人：博咯
仅限学习和交流之用。
void setcolorarc2(QColor rarc2); //中心圆渐变色起点颜色
void setcolorlips(QColor lips);//圆的终点颜色
void setcolorpointer(QColor pointer);//指针颜色
void setcolorpointer2(QColor pointer);//指针颜色
signals:
void Go_Diection(int x); //1上，2左，3下，4右，5停止
鼠标左键按下三角符号，释放为停止

总结

该按钮主要通过QPainter进行绘制，可能有沉余代码，可以更加简洁，谢谢大家点赞！
文件下载：https://download.csdn.net/download/qq_39641107/39662590

QT小控件-遥控按钮相关推荐

qt 小控件之textEdit
获取 textedit 的文本内容:QString text = ui->textEdit->toPlainText(); 设置textedit 的文本内容:ui->textEdit ...
qt开关控件设计（手把手从零开始）
从零开始手把手教你设计自己的qt控件 1 说明 1.1 显示效果 1.2 控件特性 1.3 设计方法 2 控件需求分析 2.1 必要需求 2.1 顺带需求(锦上添花) 3 功能设计 3.1 设计思路( ...
Qt常用控件介绍（一）
Qt常用控件介绍 Qt Creator 的使用技巧 Qt Creator的常用快捷键按钮 QPushButton QToolButton QRadioButton QCheckBox QComman ...
mac下dashboard小控件开发实例（附源码）
1.背景用mac的用户都应该知道,mac有一个很好的功能,就是dashboard小控件的功能,按下F12键就可以自由切换.博主最近在背GRE单词,就尝试这开发了一个背单词的dash ...
android组件开关按钮,简单聊聊“开关”这个小控件
开关虽然只是一个小控件,看起来很简单,但其实它的设计也有着大学问.本文和你一起探讨一下~ 一.开关是什么开关,英文Switch,常被翻译为开关.滑动开关.切换开关,作为界面中可直接操作的元件,提供两 ...
Android 仿微信语音录音小控件
Android 仿微信语音录音小控件前段时间一直在做IM聊天这方面的撸码工作,涉及到了很多小控件,有时间我会慢慢给大家分享一下我的小成果,希望大家一起学习,一起进步,今天来和大家来说一下Androi ...
QT UI控件和事件
QT UI控件和事件控件自定义事件事件 QEvent 鼠标事件定时器绘图事件文件控件登录窗口布局 lable : 标签 (登录的用户名:) Line Edit : 单行的编辑框 (输入 ...
【转】Win32子窗口控件（按钮、编辑框、静态框、滚动条等）！！
前言: 子窗口控件是特殊的子窗口,不需要我们注册窗口类,系统已经注册好了,我们只需要在创建时选择相应的窗口类名.常用的子窗口控件有按钮BUTTON.组合框COMBOBOX.编辑框EDIT.列表框LIS ...
转大佬--C++语言Qt实现控件拖拽和连线类似可视化操作Simulink仿真类软件电路仿真软件和模型驱动等软件
转自–标biao的文章:https://blog.csdn.net/kangkanglhb88008/article/details/120812524 目标:开发一个电路仿真软件. 内部原理:qt编 ...

QT小控件-遥控按钮