取色控件演示( 可管理色表、自动生成配色方案 )

JacenHe

用法一：作为窗口类创建独立窗口

import win.ui;
/*DSG{{*/
var winform = win.form(text="取色器 - 作为窗口类创建独立窗口";right=759;bottom=469)
winform.add(
button={cls="button";text="取色";left=108;top=75;right=316;bottom=127;z=1};
plus={cls="plus";left=108;top=16;right=444;bottom=56;z=2}
)
/*}}*/

import win.ui.ctrl.pick;
winform.button.oncommand = function(id,event){
   
    var colorPick = win.ui.ctrl.pick(winform);
   
    //颜色改变时触发此事件
    colorPick.onColorChange = function(clr){
        winform.plus.background = clr;
    }
   
    //可选指定初始颜色
    colorPick.setColor(0xFF808000);
   
    //窗口移动到当前鼠标指向位置
    var x,y = win.getMessagePos();
    colorPick.setPos(x,y);
   
    //显示模态对话框
    colorPick.doModal();
   
}

winform.show()
win.loopMessage();

用法二：作为自定义控件类创建控件窗口

import win.ui;
import win.ui.ctrl.pick;
/*DSG{{*/
var winform = win.form(text="取色器 - 作为自定义控件类创建控件窗口";right=863;bottom=577)
winform.add(
colorPick={cls="pick";text="custom";left=169;top=75;right=849;bottom=545;z=2};
plus={cls="plus";left=26;top=14;right=358;bottom=55;z=1}
)
/*}}*/

//颜色改变时触发此事件
winform.colorPick.onColorChange = function(clr){
    winform.plus.background = clr;
}

//可选指定初始颜色
winform.colorPick.setColor(0xFF808000);

winform.show()
win.loopMessage();

在调整颜色时，r,g,b,a,h,s,b 会自动转换并同步，对于正在调整的滑块会实时显示预览色带，效果图如下：

JacenHe

调色时会自动显示最匹配的色卡，点击色卡名可以打开色表编辑器，在色表编辑器中可以管理色表、生成配色方案。

JacenHe

再发一个例子（aardio范例->图形图像->调色器/色相环）：