GUI Designer RGB设置（色盘）使用手册

图2.1 添加控件


3.如何进行图片替换

选中圆形拾色器，点击右侧属性窗口中的图像→点击滑块→选择图片→click“… ”，可对圆形拾色器的滑块 进行图像替换，如图 3.1 所示。
注：条形拾色器的滑块图像替换相同

图3.1 图像替换
Click仿真运行按钮，弹出仿真运行窗口，如图 3.2 所示。

图3.2 仿真演示


4.如何设置杂项

选中圆形拾色器，click“杂项——触发模式”下的按钮弹出下拉框，有连续触发和释放时触发模式，选择连 续触发则在拉动滑块时一直触发，释放时触发模式为拉动滑块在拉动后释放那瞬间进行触发，如图 4.1 所示。

图4.1 设置触发模式
注：条形拾色器杂项设置同圆形拾色器


5.如何设置变量绑定

1 、如何添加自定义变量
Click菜单栏中的“变量”弹出变量窗口，点击自定义变量→点击添加→变量类型设置为“无符号整型”→最 大值设置为“4294967295”，如图 5.1 所示。

图5.1 添加自定义变量

2 、如何设置变量绑定
选中条形拾色器，点击右侧属性窗口中的变量绑定→点击添加→被绑定的控件属性为“颜色值” →数据源绑定“Var1”→转换模式为“双向”→转换方法为“默认”，如图 5.2 所示。

图5.2 条形拾色器变量绑定

3 、如何添加文本控件
Click常用控件模块中的文本图标，添加两个文本控件，以作显示选择颜色对应的数值，如图 5.3 所示。

图5.3 添加文本控件



4 、如何设置文本控件的变量绑定
选中文本控件 (此文本控件显示圆形拾色器的颜色对应数值) ，点击右侧属性窗口中的变量绑定→点击添加 →被绑定的控件属性为“Text 1”→数据源为“RGBSet0”→转换模式为“单向”→转换方法为“默认”，如 图 5.4 所示。

图5.4 变量绑定
选中文本控件 (此文本控件显示条形拾色器的颜色对应数值) ，点击右侧属性窗口中的变量绑定→点击添加 →被绑定的控件属性为“Text 1”→数据源为“Var1”→转换模式为“单向”→转换方法为“默认” ，如图 5.5 所示。

图5.5 变量绑定


6.如何设置圆形拾色器自定义协议发送

1 、如何添加事件
选中圆形拾色器，点击右侧属性窗口中的事件，可进行添加事件，如图 6.1 所示。

图6.1 添加事件
2 、如何设置处理方法
自定义协议是用户可在项目中使用其他的协议，如 modbus Protocol。
Click处理方法右下方

，弹出处理方法窗口，选择命令发送→Choice【Custom Protocol】发送串口命令→设置命
令，如图 6.2 所示。

图5.2 【Custom Protocol】发送串口命令
注：click【Custom Protocol】发送串口命令的输入框时会弹出自定义指令函数说明窗口，如图 6.3 所示。

图6.3 自定义指令函数说明窗口
3 、如何查看圆形拾色器发送的标准协议指令
当发送自定义协议指令为“AF BF 00 34 $4BYTEM(#3001) $CRC16MODBUS(1,8) ”时，点击仿真运行按钮

，
在仿真界面中滑动圆形拾色器中的滑块，查看发送的指令，如图 6.4 所示。

图6.4 send【Custom Protocol】指令


7.如何设置条形拾色器自定义协议发送

1 、如何添加事件
选中条形拾色器，具体操作同圆形拾色器。
2 、如何设置处理方法
具体设置同圆形拾色器。
3 、如何查看条形拾色器发送的标准协议指令
当发送自定义协议指令为“11 22 33 44 $4BYTEM(#3002) $CRC16MODBUS( 1,8) ”时，点击仿真运行按钮

，
在仿真界面中滑动条形拾色器中的滑块，查看发送的指令，如图 7.4 所示。

图7.1 send【Custom Protocol】指令


8.如何通过自定义解析设置色盘颜色


8.1 如何通过自定义解析设置圆形拾色器颜色

1 、如何添加自定义解析
Click项目弹出项目窗口，点击协议设置→协议类型设置为“Custom Protocol”→点击自定义协议解析设置→弹出 解析设置窗口→点击添加弹出自定义解析设置窗口，根据需求和要求进行设置可添加一个自定义协议解析， 如图 8.1 所示。

图8.1 添加自定义协议解析
2 、如何设置自定解析
帧头设置为“00 00 00 00”→勾选检验帧尾→帧尾“88 88”→帧总长度“10”→关联变量索引为“3001”→ 数据起始偏移字节“5”→数据长度 (byte) 为“4”→数据格式为“4 bytes (高位在前) ”→数据类型为“连 续量”→click“Confirm”，如图 8.2 所示。

图8.2 设置自定义解析
3 、simulation debugging
具体仿真调试操作及方法详看《仿真调试使用手册》，如图 8.3 所示，通过串口调试工具软件 发送指令“00 00 00 00 00 9A FF 9A 88 88”，滑块移动到“10157978”的位置。

图8.3 仿真演示

8.2 如何通过自定义解析设置条形拾色器颜色

1 、如何添加自定义解析


Click项目弹出项目窗口，点击协议设置→协议类型设置为“Custom Protocol”→点击自定义协议解析设置→弹出 解析设置窗口→点击添加弹出自定义解析设置窗口，根据需求和要求进行设置可添加一个自定义协议解析， 如图 8.4 所示。

图8.4 添加自定义协议解析
2 、如何设置自定解析
帧头设置为“11 22 33 44”→勾选检验帧尾→帧尾“11 22”→帧总长度“10”→关联变量索引为“3002”→ 数据起始偏移字节“5”→数据长度 (byte) 为“4”→数据格式为“4 bytes (高位在前) ”→数据类型为“连 续量”→click“Confirm”，如图 8.5 所示。

图8.5 设置自定义解析
4 、simulation debugging

具体仿真调试操作及方法详看《仿真调试使用手册》，如图 8.6 所示，通过串口调试工具软件 发送指令“11 22 33 44 00 4E 82 4E 11 22”，滑块移动到“5145166”的位置。

图8.6 仿真演示