值显示¶

值显示控件用于显示数据，可以显示数值型、布尔型、字符型、datatime型数据。

属性

名称	描述
名字	此控件的名称。
X	控件左侧距画布左侧的距离，单位px。
Y	控件顶部距画布顶部的距离，单位px。
W	控件的宽度，单位px。
H	控件的高度，单位px。
	控件的角度。
数据	控件接收的数据。 - 文本：需要显示的内容。可以手动输入，也可以点击绑定按钮进行绑定。 - 单位：设置显示的数据的单位。可以手动输入，也可以点击绑定按钮进行绑定。 - 格式：期望显示的内容格式。可以手动输入，也可以点击设置按钮，双击选择需要的格式。
填充	控件的填充色。
字体	设置控件内容的字体。包括字体型号、字体大小、字体颜色、加粗、倾斜、下划线、水平对齐方式、垂直对齐方式。
右键菜单	在控件上设置右键菜单，可以设置菜单的背景色、边框色、字体型号、字体大小、字体颜色、加粗、倾斜。可以为右键菜单配置对应的动作，包括：导航，变量赋值，属性赋值和执行脚本。 在运行页面，在控件上单击鼠标右键，显示右键菜单。(4.2.1及其以上版本，支持此功能)

动画

允许您基于某种条件执行特定的动画。请参阅“动画”页上各种动画的完整描述。

动作

允许您基于某种条件执行特定的动作。请参阅“动作”页上各种动作的完整描述。

示例1

显示当前工作环境温度。

属性	值
填充色	2c2c2c
文本	绑定变量：@区域:温度
单位	℃
字体	微软雅黑,16, ffffff, 水平居右, 垂直居中

示例2

显示系统时间。

示例3

通过右键菜单，查看摄氏温度和华氏温度。

属性	值
文本	绑定表达式： const value = tag(@Demo:temperature); if(property('值显示1#units') === '℃'){     return value; } return (value * 9 / 5) + 32;
格式	#,##0.#
字体	Calibri,16, 6ec800，水平居中, 垂直居中
右键菜单	添加两个右键菜单：摄氏度，华氏度。 在华氏度的动作中，设置属性绑定，绑定值显示控件的units属性，将其值设置℉ 在摄氏度的动作中，设置属性绑定，绑定值显示控件的units属性，将其值设置℃

点击画面的预览按钮，在预览画面上，右击该控件，切换右键菜单，查看显示效果。