外观
分享一下我实现的颜色编辑器,主要原因是Qt的QColorDialog功能较少没法满足需求,目前已经在zeno中使用了,由于zeno有自己的样式表,所以在zeno里长这样:
类名 | 描述 |
---|---|
ColorWheel | 颜色选择器,用于选择颜色 |
GradientSlider | 渐变滑块,带有渐变颜色 |
ColorSpinHSlider | 带标签和旋钮的水平颜色滑块 |
ColorButton | 颜色按钮,显示颜色并支持拖拽和释放颜色 |
ColorPalette | 颜色调板,显示颜色列表并支持拖拽和释放 |
ColorPreview | 颜色预览,显示当前和之前选择的颜色 |
ColorComboWidget | 颜色组合切换器,用于切换颜色组合 |
ColorLineEdit | 颜色名称文本框,显示颜色名称 |
ColorPicker | 颜色拾取器,用于抓取屏幕颜色 |
功能预览(未配置样式表)
srgb切换
颜色轮选色
颜色文字选色
屏幕取色,主要实现是截取当前的屏幕然后根据鼠标的位置设置颜色,支持多个屏幕(我自己只测试了2个屏幕)
颜色滑动条选色,RGB和HSV
颜色面板取色
颜色面板,可以把想要的颜色记录在这,持久化存储,即便关闭下一次打开也会自动加载
上一个/当前颜色切换,这个主要是类似于PS之类的软件,可以缓存一个颜色用来备选或者撤销
互补色取色,主要参考color-wheel
如何使用
github地址Qt-ColorEditor
复制 ColorWidgets
文件夹(只包含两个文件: ColorEditor.h
和 ColorEditor.cpp
) 到你的项目,记得添加到构建系统如cmake中.
接口参照QColorDialog的方式:
#include "ColorWidgets/ColorEditor.h"
// ...
// call here, you can find this in MainWindow.cpp
auto btn = new ColorButton(this);
btn->setColor(Qt::blue);
setCentralWidget(btn);
connect(btn, &ColorButton::clicked, this, [this, btn](){
auto color = ColorEditor::getColor(btn->color(), this, "");
btn->setColor(color);
});
最后还得说一句,QColorDialog的功能确实有点少了,我在实现的时候参考了很多3D软件,如Houdini、Blender、Unity等,其中Houdini的功能最多,因此最终的形态也和Houdini类似了。