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

图2.1 添加控件


3.如何进行图片替换

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

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

图3.2 仿真演示


4.如何设置杂项

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

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


5.如何设置变量绑定

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

图5.1 添加Customization变量

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

图5.2 条形拾色器变量绑定

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

图5.3 添加Text控件



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

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

图5.5 变量绑定


6.如何设置圆形拾色器Custom Protocolsend

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

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

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

图5.2 【Custom Protocol】send串口命令
注：点击【Custom Protocol】send串口命令的输入框时会弹出Customization指令函数说明窗口，如图 6.3 所示。

图6.3 Customization指令函数说明窗口
3 、如何View圆形拾色器send的标准Protocol指令
当sendCustom Protocol指令为“AF BF 00 34 $4BYTEM(#3001) $CRC16MODBUS(1,8) ”时，点击仿真运行button

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

图6.4 send【Custom Protocol】指令


7.如何设置条形拾色器Custom Protocolsend

1 、如何添加事件
选中条形拾色器，具体Operation同圆形拾色器。
2 、如何设置处理方法
具体设置同圆形拾色器。
3 、如何View条形拾色器send的标准Protocol指令
当sendCustom Protocol指令为“11 22 33 44 $4BYTEM(#3002) $CRC16MODBUS( 1,8) ”时，点击仿真运行button

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

图7.1 send【Custom Protocol】指令


8.如何通过CustomizationParse设置色盘颜色


8.1 如何通过CustomizationParse设置圆形拾色器颜色

1 、如何添加CustomizationParse
Click项目弹出项目窗口，点击Protocol设置→ProtocolType设置为“Custom Protocol”→点击Custom ProtocolParse设置→弹出 Parse设置窗口→点击添加弹出CustomizationParse设置窗口，根据需求和要求进行设置可添加一个Custom ProtocolParse， 如图 8.1 所示。

图8.1 添加Custom ProtocolParse
2 、如何设置自定Parse
帧头设置为“00 00 00 00”→勾选检验帧尾→帧尾“88 88”→帧总Length“10”→关联变量索引为“3001”→ datastart偏移byte“5”→dataLength (byte) 为“4”→data format为“4 bytes (高位在前) ”→data type为“连 续量”→点击“Confirm”，如图 8.2 所示。

图8.2 设置CustomizationParse
3 、仿真debug
具体仿真debugOperation及方法详看《仿真debug使用手册》，如图 8.3 所示，通过串口Debug Tools软件 send指令“00 00 00 00 00 9A FF 9A 88 88”，滑块移动到“10157978”的位置。

图8.3 仿真演示

8.2 如何通过CustomizationParse设置条形拾色器颜色

1 、如何添加CustomizationParse


Click项目弹出项目窗口，点击Protocol设置→ProtocolType设置为“Custom Protocol”→点击Custom ProtocolParse设置→弹出 Parse设置窗口→点击添加弹出CustomizationParse设置窗口，根据需求和要求进行设置可添加一个Custom ProtocolParse， 如图 8.4 所示。

图8.4 添加Custom ProtocolParse
2 、如何设置自定Parse
帧头设置为“11 22 33 44”→勾选检验帧尾→帧尾“11 22”→帧总Length“10”→关联变量索引为“3002”→ datastart偏移byte“5”→dataLength (byte) 为“4”→data format为“4 bytes (高位在前) ”→data type为“连 续量”→点击“Confirm”，如图 8.5 所示。

图8.5 设置CustomizationParse
4 、仿真debug

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

图8.6 仿真演示