Skip to content

UniDeskColorPicker 类型

颜色选取器控件,支持 RGBA、HSLA、HSVA、HEX 四种颜色模式的编辑和预览。集成了 ColorDialog 用于可视化选择颜色。

项目说明
控件类型可视化控件(Control)
源代码文件路径UniDesk/Controls/UniDeskColorPicker.qml
继承QtQuick Item
QML 导入方式import UniDesk.Controls 1.0

自定义属性

属性类型说明
selectedColorcolor当前选择的颜色(可双向绑定)
comManagervar组件管理器引用(传递给内部 UniDeskComboBox
colorTypeBoxUniDeskComboBox颜色模式下拉菜单的别名

颜色模式

模式可编辑字段
RGBAR、G、B、A 四个数值(0-255,A 为 0-100)
HSLAH(0-360)、S(0-100)、L(0-100)、A(0-100)
HSVAH(0-360)、S(0-100)、V(0-100)、A(0-100)
HEX十六进制字符串(如 #ff0000

行为

  • 实时预览颜色变化(左侧色块显示当前颜色)
  • 点击"选择颜色"按钮打开系统 ColorDialog
  • 编辑完成后自动更新 selectedColor
  • 最小高度:40px

示例

qml
import UniDesk.Controls 1.0

UniDeskColorPicker {
    selectedColor: myColor
    comManager: comManager
    anchors.left: parent.left
    anchors.top: parent.top
}

相关文档

遵循 CC BY-SA 4.0 协议开源文档。