pyqt6 制作一个颜色调节器 01

本文涉及的产品
RDS MySQL DuckDB 分析主实例,集群系列 4核8GB
RDS AI 助手,专业版
简介: 本文介绍了一个使用 PyQt 制作的颜色调节器,通过滑动滚动条或旋钮来调整 RGB 三色,实现颜色的微调。具体步骤包括:1. 设计 UI 页面;2. 分析颜色调整逻辑;3. 将数据反馈到 UI 页面。最终实现了颜色随滑块变化而实时更新的效果。

 本文给大家带来一个利用pyqt制作的颜色调节器,通过拨动滚动条或者旋钮就可以调整rgb三色进行颜色的微调效果如下:

image.gif 编辑

本文实现的是不同的UI设计,实现的相同的功能,我们先分析以下思路:

  • 首先进行UI页面设计
  • 分析颜色如何进行调整的逻辑
  • 将改动的数据反馈到UI页面

先看左侧的滚动条的功能:

1 UI页面设计

首先,创建QLabel来显示颜色变换的舞台,并指定默认为红色背景,以及创建lb2来显示数据的变化。

        self.lb = QLabel()
        # 设置标签的背景色
        self.lb.setAutoFillBackground(True)
        palette = self.lb.palette()
        palette.setColor(self.lb.backgroundRole(), QColor(255, 0, 0))  # 红色背景
        self.lb.setPalette(palette)
        self.lb2=QLabel()
        self.lb2.setText("颜色值:(255, 0, 0)")

image.gif

image.gif 编辑

接下来,创建滑块,这里的滑块需要三个,分别代表红绿蓝的数据,并通过改变滑块来实现红绿蓝三色的数字变化。

                self.s1 = QScrollBar()
        self.s1.setMaximum(255)
        self.s1.sliderMoved.connect(self.sliderval)
        self.s2=QScrollBar()
        self.s2.setMaximum(255)
        self.s2.sliderMoved.connect(self.sliderval)
        self.s3 = QScrollBar()
        self.s3.setMaximum(255)
        self.s3.sliderMoved.connect(self.sliderval)

image.gif

2 数据改变函数

咱们通过配置槽函数sliderval来修改颜色值,并以palette调色板的方式返回到self.lb上,就可以实现了颜色随数字的变化而变化了。

    def sliderval(self):
        print(self.s1.value(),self.s2.value(),self.s3.value())
        palette = self.lb.palette()
        palette.setColor(self.lb.backgroundRole(), QColor(self.s1.value(), self.s2.value(), self.s3.value()))  # 红色背景
        self.lb.setPalette(palette)
        self.lb2.setText("颜色值:(%s, %s, %s)" % (self.s1.value(),self.s2.value(),self.s3.value()))

image.gif

image.gif 编辑

3 完整代码

为了方便大家的实现和学习,完整代码贴上。(爱看不看,不看拉到!)

# -*- coding:utf-8 -*-
"""
------------------------------------------------
File Name: 滚动条.py
Description:
Author: lzq
date:2024-07-27 19:16
------------------------------------------------
"""
import sys
from PyQt6.QtGui import QColor
from PyQt6.QtWidgets import QDialog, QPushButton, QVBoxLayout, QApplication, QWidget, QHBoxLayout, QScrollBar, QLabel
class MyWidget(QWidget):
    def __init__(self, parent=None):
        super(MyWidget, self).__init__(parent)
        self.setWindowTitle("滚动条QScrollBar测试")
        self.resize(500,150)
        self.lb = QLabel()
        # 设置标签的背景色
        self.lb.setAutoFillBackground(True)
        palette = self.lb.palette()
        palette.setColor(self.lb.backgroundRole(), QColor(255, 0, 0))  # 红色背景
        self.lb.setPalette(palette)
        self.lb2=QLabel()
        self.lb2.setText("颜色值:(255, 0, 0)")
        hbox=QHBoxLayout()
        self.s1 = QScrollBar()
        self.s1.setMaximum(255)
        self.s1.sliderMoved.connect(self.sliderval)
        self.s2=QScrollBar()
        self.s2.setMaximum(255)
        self.s2.sliderMoved.connect(self.sliderval)
        self.s3 = QScrollBar()
        self.s3.setMaximum(255)
        self.s3.sliderMoved.connect(self.sliderval)
        hbox.addWidget(self.lb)
        hbox.addWidget(self.lb2)
        hbox.addWidget(self.s1)
        hbox.addWidget(self.s2)
        hbox.addWidget(self.s3)
        self.setGeometry(500,200,500,300)
        self.setLayout(hbox)
    def sliderval(self):
        print(self.s1.value(),self.s2.value(),self.s3.value())
        palette = self.lb.palette()
        palette.setColor(self.lb.backgroundRole(), QColor(self.s1.value(), self.s2.value(), self.s3.value()))  # 红色背景
        self.lb.setPalette(palette)
        self.lb2.setText("颜色值:(%s, %s, %s)" % (self.s1.value(),self.s2.value(),self.s3.value()))
if __name__=='__main__':
    app = QApplication(sys.argv)
    w = MyWidget()
    w.show()
    sys.exit(app.exec())

image.gif


相关文章
|
人工智能 JSON 搜索推荐
社区供稿 | GLM-4适配ModelScope-Agent最佳实践
GLM-4是由智谱 AI 发布的新一代基座大模型。
pyqt6 制作一个颜色调节器 02
本文介绍了如何使用PyQt6实现一个颜色调节器。首先创建了一个显示RGB颜色值变化的标签,然后通过三个旋钮(QDial)分别控制红、绿、蓝三种颜色的值,并在旋钮下方显示当前值。通过嵌套布局实现了旋钮和标签的排列,最终实现了颜色值的变化和显示。完整代码也一并提供。
321 0
|
消息中间件 监控 前端开发
面试官:核心线程数为0时,线程池如何执行?
线程池是 Java 中用于提升程序执行效率的主要手段,也是并发编程中的核心实现技术,并且它也被广泛的应用在日常项目的开发之中。那问题来了,如果把线程池中的核心线程数设置为 0 时,线程池是如何执行的? 要回答这个问题,我们首先要了解在正常情况下,线程池的执行流程,也就是说当有一个任务来了之后,线程池是如何运行的? ## 1.线程池的执行流程 正常情况下(核心线程数不为 0 的情况下)线程池的执行流程如下: 1. **判断核心线程数**:先判断当前工作线程数是否大于核心线程数,如果结果为 false,则新建线程并执行任务。 2. **判断任务队列**:如果大于核心线程数,则判断任务队列是否
417 1
面试官:核心线程数为0时,线程池如何执行?
|
存储 机器学习/深度学习 人工智能
日志分析软件
【10月更文挑战第18天】
1490 7
请拥有edu邮箱的同学来领取专(免)属(费)GPU!
300小时免费GPU等你来领!魔搭GPU资源福利社,为你注入动力!
|
搜索推荐 API
淘宝商品数据洞察:解锁精准营销新策略
在快速变化的商业环境中,高效的营销策略对企业至关重要。通过API获取淘宝APP的商品细节数据,企业可以精准分析产品特性、强化卖点,并制定灵活的价格策略。利用用户画像实现个性化营销,选择最佳渠道并优化内容,从而提升品牌影响力。这一方法不仅帮助企业抓住目标消费者,还能增强市场竞争力,促进长期发展。
|
Shell Python
Python教程:return和yield的区别
Python教程:return和yield的区别
631 0
Python教程:return和yield的区别
|
机器学习/深度学习 算法 Python
YOLOV5应用实战项目:钢材表面缺陷检测(数据集:NEU-CLS)笔记
YOLOV5应用实战项目:钢材表面缺陷检测(数据集:NEU-CLS)笔记
|
人工智能 机器人 Shell
【shell】shell数组的操作(定义、索引、长度、获取、删除、修改、拼接)
【shell】shell数组的操作(定义、索引、长度、获取、删除、修改、拼接)
|
Shell Linux 开发工具
kivy打包apk虚拟机搭建指南
这个文档其实是去年搭建虚拟机写的,因为各种原因一直没有发布出来,今天在Kivy中国开发者交流群(群号**534622543**)@lr大佬向我要这个,我于是下定决定把拖延症抢救下,对原来的文档稍作修正发布出来,希望对一心想要自己搭建打包环境却不得其法的朋友有一些帮助,也希望各位路过的大佬不吝赐教,不足之处望请斧正,如果能起到抛砖引玉的效果,本npc就很满足了。