搜索
查看: 1739|回复: 2

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

[复制链接]

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13973
发表于 2018-8-10 06:00:29 | 显示全部楼层 |阅读模式
用法一:作为窗口类创建独立窗口
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 会自动转换并同步,对于正在调整的滑块会实时显示预览色带,效果图如下:
pick.png
回复

使用道具 举报

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13973
 楼主| 发表于 2018-8-10 06:08:11 | 显示全部楼层

增加色表编辑、自动生成配色方案等功能

color.png

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

使用道具 举报

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13973
 楼主| 发表于 2018-8-13 18:05:37 | 显示全部楼层
再发一个例子(aardio范例->图形图像->调色器/色相环):
colors.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2018-10-24 11:44 , Processed in 0.062500 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表