Skip to content

数字输入框

数字输入框控件用于显示数字,也可以下发数值。

alt text

属性

名称 描述
名字 此控件的名称。
X 控件左侧距画布左侧的距离,单位px。
Y 控件顶部距画布顶部的距离,单位px。
W 控件的宽度,单位px。
H 控件的高度,单位px。
数字输入框内显示的值。
小数位 用于设置数字输入框内显示和输入的数值小数位的位数,不足自动补0。
边界值 设置是否启动界限。启用时,控件只能输入介于最大值和最小值之间的数值。
- 最小值:设置控件上允许输入的最小值
- 最大值:设置控件上允许输入的最大值
越界提示 设置是否启用越界提示。启用时,可以设置越界提示内容。
alt text
错误提示效果:
alt text
说明:越界提示必须在边界值启用时才会生效。
填充 数字输入框的背景色。
alt text
边框颜色 数字输入框的边框颜色。
边框粗细 数字输入框的边框粗细。
阴影 设置控件的阴影效果。可以设置外阴影和内阴影。
外阴影
- 启用:是否启用阴影效果
- 颜色:用于设置阴影颜色
- X:控制阴影在水平方向上的偏移量。
X = 10 → 阴影往右移了10像素
X = -5 → 阴影往左移了5像素
- Y:控制阴影在垂直方向上的偏移量。
Y = 8 → 阴影往下移了8像素
Y = -3 → 阴影往上移了3像素
- 模糊:控制阴影的 模糊程度,模糊值越大,边缘越柔和、越“自然”。
内阴影
- 启用:是否启用阴影效果
- 颜色:用于设置阴影颜色
- X:控制阴影在水平方向上的偏移量。
X = 10 → 阴影往右移了10像素
X = -5 → 阴影往左移了5像素
- Y:控制阴影在垂直方向上的偏移量。
X = 8 → 阴影往下移了8像素
Y = -3 → 阴影往上移了3像素
- 模糊:控制阴影的 模糊程度,模糊值越大,边缘越柔和、越“自然”。
- 扩散:控制阴影的大小
字体 设置控件的字体。包括字体型号、字体大小、字体颜色、加粗、倾斜,以及水平对齐方式。

动作

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

示例

通过数字输入框修改工厂车间温度。

alt text

  1. 在画面上添加数字输入控件。

  2. 设置控件属性。

    属性
    填充 eff0f2
    边框颜色 rgba(128,128,128,0)
    边框粗细 1
    绑定变量(工厂1:温度)
    小数位 1
    边界值 启用状态
    - 最小值:-40(车间允许的最低温度)
    - 最大值:85(车间允许的最高温度)
    越级提示 启用状态,设置越界提示内容:厂间1温度超过范围,请输入-40~+85之间的值。
    字体 微软雅黑,18, 加粗,字体颜色fd9903,右对齐
  3. 数字输入框架控件的动作属性中设置“值变化”->“变量赋值”,将值下发到变量上,从而改变工厂车间温度。

    alt text