Qt环形颜色选择控件, 圆环颜色选择器

参考文章Qt编写自定义控件：环形颜色选择控件_qconicalgradient圆环渐变-CSDN博客

感谢作责提供的方法，下面程序的基础思路同参考文章。

为了更方便使用，这个选择器是基于64色表的，会显示选中的索引和色值。颜色选择时计算方式也有所不同。

选择器是逆时针的，先将64色填入渐变。通过根据小原型的位置，计算出角度，然后计算出它占360度的百分比，然后算出对应的索引，通过索引获得颜色，然后通知出去。

代码如下：

#include <QList>
#include <QColor>const QList<QColor> listColor{QColor(0x72, 0x70, 0x1C),   //0QColor(0x6B, 0x72, 0x23),QColor(0x57, 0x76, 0x32),QColor(0x57, 0x6D, 0x3B),QColor(0x49, 0x61, 0x55),QColor(0x4B, 0x51, 0x63),QColor(0x46, 0x32, 0x87),QColor(0x3F, 0x12, 0xAE),   //7QColor(0x3F, 0x00, 0xC0),   //8QColor(0x5B, 0x0C, 0x98),QColor(0x68, 0x1D, 0x7A),QColor(0x7A, 0x36, 0x4F),QColor(0x8A, 0x20, 0x55),QColor(0x9C, 0x1E, 0x45),QColor(0xA7, 0x07, 0x51),QColor(0xB9, 0x13, 0x33),QColor(0xD1, 0x1E, 0x20),   //16QColor(0xC0, 0x2C, 0x13),QColor(0xDF, 0x13, 0x0D),QColor(0xFF, 0x00, 0x00),QColor(0xFD, 0x02, 0x00),QColor(0xFB, 0x02, 0x02),QColor(0xF1, 0x02, 0x0C),QColor(0xDB, 0x19, 0x0B),QColor(0xE4, 0x01, 0x1A),   //24QColor(0xC9, 0x06, 0x30),QColor(0x9D, 0x03, 0x5F),QColor(0x78, 0x06, 0x81),QColor(0x61, 0x04, 0x9A),QColor(0x48, 0x06, 0xB1),QColor(0x34, 0x03, 0xC8),QColor(0x2C, 0x05, 0xCF),QColor(0x24, 0x02, 0xD9),   //32QColor(0x00, 0x00, 0xFF),QColor(0x17, 0x01, 0xE7),QColor(0x1F, 0x01, 0xDF),QColor(0x20, 0x0F, 0xD0),QColor(0x30, 0x44, 0x8b),QColor(0x33, 0x78, 0x54),QColor(0x3A, 0x86, 0x3F),QColor(0x14, 0x82, 0x69),   //40QColor(0x18, 0x9B, 0x4C),QColor(0x0A, 0xBB, 0x3A),QColor(0x06, 0xE0, 0x19),QColor(0x1F, 0xC3, 0x1D),QColor(0x37, 0xB2, 0x16),QColor(0x1D, 0xDB, 0x08),QColor(0x00, 0xFF, 0x00),QColor(0x0F, 0xEE, 0x02),   //48QColor(0x34, 0xC9, 0x02),QColor(0x5D, 0xA0, 0x02),QColor(0x8D, 0x71, 0x01),QColor(0xA6, 0x58, 0x01),QColor(0xB9, 0x46, 0x00),QColor(0xD7, 0x28, 0x33),QColor(0xC9, 0x33, 0x03),QColor(0xDF, 0x1B, 0x05),   //56QColor(0xD5, 0x25, 0x05),QColor(0xC5, 0x35, 0x05),QColor(0xB0, 0x45, 0x0A),QColor(0x96, 0x5F, 0x0A),QColor(0x8A, 0x66, 0x0F),QColor(0x82, 0x6A, 0x13),QColor(0x7C, 0x6C, 0x18)    //63
};  //0-63(64色)

#ifndef COLORSELECTIONCIRCLE_H
#define COLORSELECTIONCIRCLE_H#include <QWidget>QT_BEGIN_NAMESPACE
namespace Ui { class ColorSelectionCircle; }
QT_END_NAMESPACEclass ColorSelectionCircle : public QWidget
{Q_OBJECTpublic:ColorSelectionCircle(QWidget *parent = nullptr);~ColorSelectionCircle();protected:void paintEvent(QPaintEvent *event)override;void mousePressEvent(QMouseEvent *event)override;void mouseReleaseEvent(QMouseEvent *event)override;void mouseMoveEvent(QMouseEvent *event)override;void showEvent(QShowEvent *event) override;signals:void ColorInfo(int index, QColor color);private:qreal ballAngle{0};bool isPressed{false};void getColorInWidget(const QPoint &pos);QColor selectColor;//int m_index{0};private:Ui::ColorSelectionCircle *ui;
};
#endif // COLORSELECTIONCIRCLE_H

#include "colorselectioncircle.h"
#include "ui_colorselectioncircle.h"
#include <QPaintEvent>
#include <QPainterPath>
#include <QDebug>
#include <QtMath>
#include <QGuiApplication>
#include <QScreen>
#include <QPainter>
#include "commondata.h"ColorSelectionCircle::ColorSelectionCircle(QWidget *parent): QWidget(parent), ui(new Ui::ColorSelectionCircle)
{ui->setupUi(this);setPalette(Qt::white);setMinimumSize(150, 150);}ColorSelectionCircle::~ColorSelectionCircle()
{delete ui;
}void ColorSelectionCircle::mousePressEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton){auto pressPos = event->pos();QPoint centerPoint = rect().center();ballAngle = -atan2(pressPos.y() - centerPoint.y(), pressPos.x() - centerPoint.x()) * (180 / M_PI);if(ballAngle < 0){ballAngle = ballAngle + 360;}auto tmpballAngle = ((int)(ballAngle + 360.0 / listColor.size() / 2)) % 360 ;m_index = tmpballAngle / 360.0 * listColor.size();isPressed = true;emit ColorInfo(m_index, listColor[m_index]);update();}QWidget::mousePressEvent(event);
}void ColorSelectionCircle::mouseReleaseEvent(QMouseEvent *event)
{if (isPressed){isPressed = false;}return QWidget::mouseReleaseEvent(event);
}void ColorSelectionCircle::mouseMoveEvent(QMouseEvent* event)
{if (isPressed){auto nowPos = event->pos();QPoint centerPoint = rect().center();ballAngle = -atan2(nowPos.y() - centerPoint.y(), nowPos.x() - centerPoint.x()) * (180 / M_PI);//qDebug()<<"ballAngle:"<<ballAngle;if(ballAngle < 0){ballAngle = ballAngle + 360;}auto tmpballAngle = ((int)(ballAngle + 360.0 / listColor.size() / 2))%360 ;//qDebug()<<"ballAngle after:"<<tmpballAngle;m_index = tmpballAngle / 360.0 * listColor.size();emit ColorInfo(m_index, listColor[m_index]);update();}return QWidget::mouseMoveEvent(event);
}void ColorSelectionCircle::showEvent(QShowEvent *event)
{emit ColorInfo(m_index, listColor[m_index]);update();return QWidget::showEvent(event);
}void ColorSelectionCircle::getColorInWidget(const QPoint &pos)
{static QScreen *screen = QGuiApplication::screenAt(pos);if (!screen){screen = QGuiApplication::primaryScreen();}auto gpos = mapToGlobal(pos);selectColor = screen->grabWindow(0, gpos.x(), gpos.y(), 1, 1).toImage().pixel(0, 0);
}void ColorSelectionCircle::paintEvent(QPaintEvent *event)
{QPainter painter(this);painter.setRenderHint(QPainter::Antialiasing);painter.setPen(Qt::transparent);auto rect = event->rect();auto standardLength = std::min(rect.width(), rect.height());auto radius = standardLength / 2 - standardLength * 0.1;QConicalGradient conicalGradient(0, 0, 0);for (int i=0; i<listColor.size(); ++i){auto pos = 1.0 * i / listColor.size();conicalGradient.setColorAt(pos, listColor[i]);}conicalGradient.setColorAt(1.0, listColor[0]);painter.translate(rect.center());QBrush brush(conicalGradient);painter.setPen(Qt::NoPen);painter.setBrush(brush);QPainterPath path1;path1.addEllipse(QPoint(0, 0), radius, radius);QPainterPath path2;path2.addEllipse(QPoint(0, 0), radius * 0.8, radius* 0.8);painter.drawPath(path1- path2);QPointF ballPos = QPointF(cos(ballAngle * M_PI/180)*radius*0.9, -sin(ballAngle*M_PI/180)*radius*0.9);painter.setPen(QColor(0xff, 0xff, 0xff));painter.drawEllipse(ballPos, radius*0.2, radius*0.2);painter.setBrush(listColor[m_index]);}

#include "colorselect.h"
#include "ui_colorselect.h"
#include <QPalette>ColorSelect::ColorSelect(QWidget *parent) :QWidget(parent),ui(new Ui::ColorSelect)
{ui->setupUi(this);this->setWindowTitle(QString("Color Selector"));connect(ui->widget, SIGNAL(ColorInfo(int,QColor)), this, SLOT(ColorInfoProcess(int,QColor)));
}ColorSelect::~ColorSelect()
{delete ui;
}void ColorSelect::ColorInfoProcess(int index, QColor color)
{ui->lineEdit_index->setText(QString("%1").arg(index));ui->lineEdit_RGB->setText(color.name());QPalette pe;pe.setColor(ui->label_color->backgroundRole(), color);ui->label_color->setAutoFillBackground(true);ui->label_color->setPalette(pe);
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/797010.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

腾讯云优惠券介绍、领券入口及使用教程分享

腾讯云优惠券介绍、领券入口及使用教程分享

腾讯云作为国内领先的云服务提供商&#xff0c;为广大用户提供了稳定、高效、安全的云计算服务。为了吸引用户上云&#xff0c;腾讯云推出了优惠券活动。本文将对腾讯云优惠券进行详细介绍&#xff0c;包括优惠券的种类、领券入口以及使用教程&#xff0c;助力大家轻松上云&…
阅读更多...
Web APIs简介 Dom

Web APIs简介 Dom

JS的组成 API API 是一些预先定义的函数&#xff0c;目的是提供应用程序与开发人员基于软件或硬件得以访问一组例程的能力&#xff0c;而又无需访问源码&#xff0c;或理解内部工作机制的细节 简单理解&#xff1a;API是给程序员提供的一种工具&#xff0c;以便能更轻松的实现…
阅读更多...
旋转验证码v2的加密算法

旋转验证码v2的加密算法

某网站最近更新了旋转验证码v2的加密算法&#xff0c;给爬虫程序带来了新的挑战。本文将通过网络抓包和逆向分析&#xff0c;深入探讨验证码请求和响应的加密机制&#xff0c;并提供详细的代码实现&#xff0c;帮助读者了解并应对新版验证码的加密算法。 网络抓包分析&#xf…
阅读更多...
数据计算_先分组平均再加总平均与直接整体平均的差异

数据计算_先分组平均再加总平均与直接整体平均的差异

数据计算_先分组平均再加总平均与直接整体平均的差异 例如: 现有 A, B, C, D, E, F, G, H 共 8 组数据。 A: 16619 B: 12922 C: 15946 D: 13096 E: 13647 F: 13700 G: 13703 H: 12430其整体平均的值为: Average of ABCDEFGH: (16619 12922 15946 13096 13647 13700 1…
阅读更多...
RecyclerView实现View复用的原理

RecyclerView实现View复用的原理

RecyclerView是Android框架类&#xff0c;用于显示一个持续更新的项列表。它是一个容器&#xff0c;可以利用回收和重用的视图元素来展示数据。 RecyclerView的工作原理&#xff1a; 当RecyclerView需要展示一个新的项时&#xff0c;它会调用Adapter的onCreateViewHolder()方…
阅读更多...
Linux--文件、分区与挂载

Linux--文件、分区与挂载

概述1 **Linux系统中的文件系统是用于管理文件的系统**&#xff0c;它负责数据的存储和管理。在Linux中&#xff0c;一切皆文件&#xff0c;包括普通的文件、目录以及块设备、管道等都通过文件系统来管理。文件系统不仅包含文件中的数据&#xff0c;还包括文件系统的结构&…
阅读更多...
授人以渔 选购EX篇：推荐杂记索引

授人以渔 选购EX篇：推荐杂记索引

文章目录 系列文章生活好物饮食好物其他好物系统软件篇软件推荐杂记娱乐推荐杂记 系列文章 授人以渔 选购篇一&#xff1a;信用卡选购要点 授人以渔 选购篇二&#xff1a;冰箱选购要点 授人以渔 选购篇三&#xff1a;洗衣机&#xff08;烘干机&#xff09;选购要点 授人以渔 选…
阅读更多...
感染了后缀为.jayy勒索病毒如何应对？数据能够恢复吗？

感染了后缀为.jayy勒索病毒如何应对？数据能够恢复吗？

导言&#xff1a; 在当今数字化的世界中&#xff0c;网络安全已经成为了每个人都需要关注的重要议题。而勒索病毒作为网络安全领域中的一大威胁&#xff0c;不断地演变和升级&#xff0c;给个人和组织带来了严重的损失和困扰。近期&#xff0c;一种名为.jayy的勒索病毒引起了广…
阅读更多...
Pointlio 保存每帧的里程计和点云数据用作后处理的自动或者手动回环优化

Pointlio 保存每帧的里程计和点云数据用作后处理的自动或者手动回环优化

修改了laserMapping.cpp 文件，替换源程序的这个文件即可， Pointlio 保存每帧的里程计和点云数据用作后处理的自动或者手动回环优化，需要在设置里面打开保存数据的参数和pub的参数。 // #include <so3_math.h> #include <nav_msgs/Odometry.h> #include <nav…
阅读更多...
（十一）RabbitMQ及SpringAMQP

（十一）RabbitMQ及SpringAMQP

1.初识MQ 1.1.同步和异步通讯 微服务间通讯有同步和异步两种方式&#xff1a; 同步通讯&#xff1a;就像打电话&#xff0c;需要实时响应。 异步通讯&#xff1a;就像发邮件&#xff0c;不需要马上回复。 两种方式各有优劣&#xff0c;打电话可以立即得到响应&#xff0c;…
阅读更多...
anaconda 安装Jupyter

anaconda 安装Jupyter

在Anaconda中安装Jupyter Notebook可以通过以下步骤进行&#xff1a; 打开Anaconda命令行界面&#xff08;可以在开始菜单中找到Anaconda3下的Anaconda Prompt&#xff09;。 在命令行中&#xff0c;输入以下命令来更新当前的conda环境&#xff1a; conda update conda 然后…
阅读更多...
接口日志表结构

接口日志表结构

表&#xff1a;ZTALL_IFLOG MANDT MANDT CLNT 3 0 0 客户端 UUID SYSUUID_C32 CHAR 32 0 0 16-byte UID in 32 chars (hexadecimal) IFSNR ZE_IFSNR CHAR 30 0 0 接口编号(系统ID流水号) FUNCNAME RS38L_FNAM CHAR 30 0 0 功能模块的名称 STATUS BAPI_MTYPE CHAR 1 0 0 消息类…
阅读更多...
蚓链为可移动经济打造数据资产

蚓链为可移动经济打造数据资产

​蚓链在为以五菱移动商业为代表的可移动实体经济在数据资产方面带来新的增量和增值&#xff1a; 1. 丰富数据种类和规模&#xff1a;通过数字化手段&#xff0c;可移动实体经济能够收集更多种类和更大规模的数据。 2. 优化运营决策&#xff1a;基于数据分析做出更明智的决策…
阅读更多...
2024年MathorCup妈妈杯数学建模思路D题思路解析+参考成品

2024年MathorCup妈妈杯数学建模思路D题思路解析+参考成品

1 赛题思路 (赛题出来以后第一时间在群内分享&#xff0c;点击下方群名片即可加群) 2 比赛日期和时间 报名截止时间&#xff1a;2024年4月11日&#xff08;周四&#xff09;12:00 比赛开始时间&#xff1a;2024年4月12日&#xff08;周五&#xff09;8:00 比赛结束时间&…
阅读更多...
MySQL-基本SQL语句编写：运算符练习

MySQL-基本SQL语句编写：运算符练习

运算符练习 1.选择工资不在5000到12000的员工的姓名和工资 SELECT last_name,salary FROM employees #where salary not between 5000 and 12000; WHERE salary < 5000 OR salary > 12000;2.选择在20或50号部门工作的员工姓名和部门号 SELECT last_name,department_id…
阅读更多...
Unity与CocosCreator对比学习二

Unity与CocosCreator对比学习二

一、锚点与适配 1.在Creator中 适配通过锚点、位置和Widget达到适配目的&#xff1b;锚点是节点在其父节点坐标系中坐标对其点&#xff0c;其x,y范围在[0, 1]之间&#xff1b; 锚点为(0, 0)时在节点自身的左下角&#xff0c;节点坐标指其左下角在父节点中的坐标&#xff1b;锚…
阅读更多...
【C++ STL】简述

【C++ STL】简述

文章目录 【 1. 容器 】【 2. 迭代器 】【 3. 适配器 】 C 的 STL&#xff08; 全称是 Standard Template Library 标准模板库&#xff0c;也叫 泛型库&#xff09;是一套功能强大的 C 模板类&#xff0c;提供了 通用的模板类和函数&#xff0c;这些模板类和函数可以实现多种流…
阅读更多...
spring之AOP(面向切面编程)之详结

spring之AOP(面向切面编程)之详结

AOP面向切面编程&#xff0c;一种编程范式&#xff0c;指导开发者如何组织程序结构 作用&#xff1a; 在不惊动原始设计的基础上为其进行功能增强 核心概念 代理&#xff1a;SpringAOP的核心本质是采用代理模式实现的连接点&#xff1a;程序执行过程中的任意位置&#xff0…
阅读更多...
Python项目21：一个简单的记账系统（收入+支出+查询）

Python项目21：一个简单的记账系统（收入+支出+查询）

------------★Python练手项目源码★------------ Python项目源码20&#xff1a;银行管理系统&#xff08;开户、查询、取款、存款、转账、锁定、解锁、退出&#xff09; Python项目19&#xff1a;学员信息管理系统&#xff08;简易版&#xff09; Python项目18&#xff1a;…
阅读更多...
【Linux-运维】查看操作系统的指定端口占用情况确定端口是哪个服务占用

【Linux-运维】查看操作系统的指定端口占用情况确定端口是哪个服务占用

不同的查看端口占用的方法&#xff0c;应用场景有所不同 一、查询某个端口是否被占用&#xff1f;lsof -i:端口号lsof -i:协议 查看某个协议的占用情况netstat -tlnp|grep 端口号ss -tlnp|grep 端口号fuser 端口号/协议ls -l /proc/$(lsof -t -i:端口号)|grep exe 二、确认指定…
阅读更多...
最新文章

Copyright @ 2022~2023