数值→颜色转换
■ 部件外观

■ 描述
按照在详细设定中设定的转换表,将输入的数值转换为颜色,通过事件输出颜色以供其他部件使用。
■ 事件
本部件可用事件列表。
事件名称 | 值 | 说明 |
---|---|---|
!OnValueChange | string color | 当value属性被改变时,触发此事件。 color参数是转换结果的颜色值。如果在此参数链接了变量,将输出颜色代码值到此变量。 |
■ 属性
本部件可用属性的一览。
对于各部件的共同属性,请参见共同项目页面。
属性名称 | 默认值 | 说明 |
---|---|---|
value | - | 设置要转换为颜色的数值。此值将被显示在部件的中心。 |
bRunVisible | false | 此属性设置是否在运行时显示本部件。 在运行时,它使用存储在页面文件中的值。任何后续的数值变化都不会改变显示状态。 |
■ 函数
本部件可用函数的一览。
在Javascript输入区域,可输入this + “.函数名”来使用。
对于各部件的共同函数,请参见共同项目页面。
功能名称 | 参数 | 返回值 | 说明 |
---|---|---|---|
setValue | Value | - | 设置要转换为颜色的数值。 |
getValue | - | Value | 获得要转换为颜色的数值。 |
■ 高级设定
在高级设定,可以设置数字值与颜色的转换表。

□项目
显示要设定的颜色的序号,此单元的值不能被设置。
□输入值(<=)
输入值单元,可以输入一个数值。如果value属性的数值大于此“输入值”且小于后一行“输入值”时,输出颜色为此行“输出颜色”列指定的颜色代码。
□输出颜色
设置输出颜色。如果value属性的数值匹配“输入值”,部件的背景色将显示此颜色。
□other(Default)
如果value属性大于所有指定的“输入值”,则输出此行设定的“输出颜色”。
此行不能设定“输入值”,也不能删除此行。
□追加按钮
按此按钮,可以在转换列表中添加一行。
□删除按钮
按此按钮,可以在转换列表中删除所选的一行。 “其他(默认)”行不能被删除。
■ 扩展I/O

在“扩展I/O”选项卡中,您可以添加要输入和输出的变量链接。
□ 输入链接(值)
在输入链接的单元格,设置作为输入值的变量链接。
□ 输出链接(颜色)
在输出链接单元格,设置作为输出颜色字符串的变量链接。
□ 追加按钮
按此按钮,可以在列表中添加一行。
□ 删除按钮
按此按钮,可以在列表中删除所选的一行。
■ 如何使用扩展I/O功能
以下是将数值转换为颜色的示例。 请按照以下步骤操作。

步骤1:在页面放置“数值→颜色”部件。
步骤2:打开此部件的高级属性,并在“条件”选项卡上设置以下内容。
项目 输出颜色的设置 第一行的输出颜色(红色) #ff0000 第二行的输出颜色(蓝色) #0000ff
步骤3:打开“扩展I/O”选项卡,单击“追加”按钮两次,为添加的单元格设置以下内容,然后单击“关闭”进行设置。
输入链接(值) 输出链接(颜色) 第一行 aaa ccc 第二行 bbb ddd
步骤4:放置两个文字输入部件并进行以下设置。
值 链接 IO 文字输入1的Text属性 删除并清空 aaa out 文字输入2的Text属性 删除并清空 bbb out
步骤5:放置两个标签部件并进行以下设置。
链接 IO 标签1的Text和Color属性 ccc in 标签2的Text和Color属性 ddd in
步骤6:将执行模式更改为模拟模式,并在文字输入中输入以下内容:
文字输入1:0
文字输入2:1
步骤7:确保两个标签如下:
#ff0000在标签1上显示为红色
#0000ff在标签2上显示为蓝色