工控组件-设备文本

概述

设备文本组件是工控组件的一种。
该组件在编辑器中的位置如下图所示:
Application

添加方式

从组件工具栏将设备文本组件拖拽到编辑器面板。
Application

属性配置

宽度:包括组件的宽度和高度,单位为像素。

  • 可以输入数值自定义大小。
  • 也可以通过拖拽的方式改变组件的宽高。
    ApplicationApplication 字体:可选择字体样式
    Application
    方向:文本方向,包括横向和纵向。
    Application
    字重:设置文字粗细。
    Application
    可以设置文字颜色、字号、行间距。
    Application
    方向:文字的对齐方式,包括左对齐、居中对齐、右对齐。
    Application
    背景色:文本框背景色,支持渐变,点击( Application )改变渐变方向。
  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。
    Application
    边框:可以设置边框的颜色、类型(实线、虚线、无边框)、粗细。
  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。
    Application
    圆角:文本框的圆角。默认是零,拉拽或输入数值或点击( Application )可改变圆角大小。
    Application
    文本:在此处输入文本。
    Application
    文本弹框:弹框可以放置其他组件,当点击或划过组件时,显示弹框中的组件。
    Application
    触发方式:弹框的触发方式,包括划过显示和点击显示。
    Application
    阴影:勾选显示组件的背景阴影,取消勾选则无阴影。
    Application
    可设置阴影的颜色。
  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。
    Application

数据源连接

数据类型:包括无、数据源、系统时间。

  1. 可以点击( Application )为展示的设备文本增加判断条件,实现不同判断结果时展示不同文本内容。
  2. 支持数据结果的计算功能。
  3. 可以连接模型和设备进行跳转。选中设备图片,连接模型和设备。再选择要跳转的页面(如:设备详情页),连接物模型,选择相同的模型和设备。这样在预览和发布状态下,点击设备图片即可跳转到连接的页面。
    Application