基于PyQt6实现颜色选择器小工具_Python

程序流程

1. 界面设计

1.1 整体布局

该应用程序使用了pyqt6框架构建了一个简单的颜色选择器界面。整体布局采用了垂直布局（qvboxlayout）和水平布局（qhboxlayout）相结合的方式，实现了功能区与控制区的合理分布。

功能展示区：位于界面的上部，通过一个标签（qlabel）展示了所选颜色的预览，并显示了当前颜色的rgb值和十六进制值。

控制区：位于界面的下部，包含三个旋钮（qdial）分别用于调节红色、绿色和蓝色的强度值，以及两个按钮（qpushbutton），分别用于复制当前颜色的rgb值和十六进制值到剪贴板。

1.2 控件设计

颜色预览标签：通过设置标签的背景色来实时展示用户选择的颜色。

旋钮控件：每个旋钮的范围被设定为0至255，对应了颜色三文素的最大值。旋钮下方的小标签用于显示当前旋钮的值。

按钮控件：两个按钮分别用于触发复制颜色值到剪贴板的操作。

2. 功能实现

2.1 颜色值的动态更新

当用户旋转任一旋钮时，会触发ondialvaluechanged方法。此方法首先更新各旋钮对应的数值标签，然后根据三个旋钮的当前值重新设置颜色预览标签的背景色，同时更新颜色值显示区域的内容。

2.2 复制颜色值

应用程序提供了两种方式复制颜色值：

复制rgb值：点击“复制rgb颜色”按钮时，会将当前颜色的rgb值以字符串形式复制到系统剪贴板。

复制十六进制值：点击“复制16进制颜色”按钮时，同样将颜色值以十六进制的形式复制到剪贴板。

3. 代码结构

3.1 类定义

mywidget类继承自qwidget，是整个应用的核心部分，包含了所有界面元素的初始化及事件处理逻辑。

3.2 初始化方法

在__init__构造函数中，完成了界面元素的创建、布局设置、信号槽连接等操作，确保了应用程序启动后能够正确显示并响应用户的交互。

3.3 事件处理

ondialvaluechanged方法负责处理旋钮值变化的事件，实现了颜色值的动态更新。

on_btn_clicked和on_btn_clicked2方法则分别对应了两个按钮的点击事件，实现了颜色值的复制功能。

完整代码

import sys
import pyperclip
from pyqt6.qtcore import qt
from pyqt6.qtgui import qfont, qcolor
from pyqt6.qtwidgets import qdialog, qpushbutton, qvboxlayout, qapplication, qwidget, qdial, qlabel, qhboxlayout


class mywidget(qwidget):
    def __init__(self, parent=none):
        super(mywidget, self).__init__(parent)
        self.setwindowtitle("颜色选择器")
        self.resize(800,400)


        ww_layout = qvboxlayout(self)

        self.labelcolor = qlabel()

        # 设置标签的背景色
        self.labelcolor.setautofillbackground(true)
        palette = self.labelcolor.palette()
        palette.setcolor(self.labelcolor.backgroundrole(), qcolor(255, 0, 0))  # 红色背景
        self.labelcolor.setpalette(palette,)
        self.ltk = qlabel()
        self.ltext = qlabel()
        self.ltext2 = qlabel()
        self.ltext.settext("颜色值rgb：(255, 0, 0)")
        # 添加按钮
        self.btn = qpushbutton("复制rgb颜色")
        self.btn.clicked.connect(self.on_btn_clicked)
        self.btn.setfixedsize(100, 30)

        self.btn2 = qpushbutton("复制16进制颜色")
        self.btn2.clicked.connect(self.on_btn_clicked2)
        self.btn2.setfixedsize(100, 30)

        self.ltext2.settext("颜色值16进制：#ff0000")

        textvlayout = qvboxlayout()
        textvlayout.addwidget(self.labelcolor)
        textvlayout.addwidget(self.ltext)
        textvlayout.addwidget(self.ltext2)
        # self.bt 设置在 x = 200,y = 100
        textvlayout.addwidget(self.btn)
        textvlayout.addwidget(self.btn2)

        # textvlayout.addwidget(self.btn)
        textvlayout.addwidget(self.ltk)



        self.dial = qdial()
        self.dial.setrange(0,255)
        self.dial.setnotchesvisible(true)
        self.dial.valuechanged.connect(self.ondialvaluechanged)

        self.lb = qlabel('0', self)
        self.lb.setalignment(qt.alignmentflag.aligncenter)
        self.lb.setfont(qfont('arial black', 16))

        self.dial2 = qdial()
        self.dial2.setrange(0, 255)
        self.dial2.setnotchesvisible(true)
        self.dial2.valuechanged.connect(self.ondialvaluechanged)

        self.lb2 = qlabel('0', self)
        self.lb2.setalignment(qt.alignmentflag.aligncenter)
        self.lb2.setfont(qfont('arial black', 16))

        self.dial3 = qdial()
        self.dial3.setrange(0, 255)
        self.dial3.setnotchesvisible(true)
        self.dial3.valuechanged.connect(self.ondialvaluechanged)

        self.lb3=qlabel('0',self)
        self.lb3.setalignment(qt.alignmentflag.aligncenter)
        self.lb3.setfont(qfont('arial black',16))

        hlayout = qhboxlayout(self)

        vlayout = qvboxlayout(self)
        vlayout.addwidget(self.dial)
        vlayout.addwidget(self.lb)

        vlayout2 = qvboxlayout(self)
        vlayout2.addwidget(self.dial2)
        vlayout2.addwidget(self.lb2)

        vlayout3 = qvboxlayout(self)
        vlayout3.addwidget(self.dial3)
        vlayout3.addwidget(self.lb3)

        hlayout.addlayout(vlayout)
        hlayout.addlayout(vlayout2)
        hlayout.addlayout(vlayout3)
        # self.setlayout(hlayout)

        ww_layout.addlayout(textvlayout)
        ww_layout.addlayout(hlayout)
        self.setlayout(ww_layout)

    def ondialvaluechanged(self):
        self.lb.settext(str(self.dial.value()))
        self.lb2.settext(str(self.dial2.value()))
        self.lb3.settext(str(self.dial3.value()))
        palette = self.labelcolor.palette()
        palette.setcolor(self.labelcolor.backgroundrole(), qcolor(self.dial.value(), self.dial2.value(), self.dial3.value()))  # 红色背景
        self.labelcolor.setpalette(palette)
        self.ltext.settext("颜色值rgb：(%s, %s, %s)" % (self.dial.value(), self.dial2.value(), self.dial3.value()))
        self.ltext2.settext("颜色值16进制：#%02x%02x%02x" % (self.dial.value(), self.dial2.value(), self.dial3.value()))


    def on_btn_clicked(self):
        # 将rgb颜色值复制到剪贴板
        pyperclip.copy("颜色值rgb：(%s, %s, %s)" % (self.dial.value(), self.dial2.value(), self.dial3.value()))
        self.ltk.settext("颜色值rgb—复制成功")

    def on_btn_clicked2(self):
        # 将16进制颜色值复制到剪贴板
        pyperclip.copy("颜色值16进制：#%02x%02x%02x" % (self.dial.value(), self.dial2.value(), self.dial3.value()))
        self.ltk.settext("颜色值16进制—复制成功")

if __name__=='__main__':
    app = qapplication(sys.argv)
    w = mywidget()
    w.show()
    sys.exit(app.exec())