样式配置

更新时间:

本文介绍组件在应用页面展示样式的配置方法,包括位置、大小、可见性、透明度等。

样式配置分为通用配置和个性化配置,不同组件的个性化配置项不同。同类型组件的样式支持合并编辑以及复制粘贴。

下图为所有组件的通用配置。

通用样式配置

以下表格介绍通用样式配置项。

参数

描述

分布或对齐

该参数不显示,相应功能为置于样式配置页面顶部的分布与对齐图表按钮。

单击选中一个或多个组件后,通过分布与对齐图表按钮可设置组件水平分布、垂直分布、左对齐、居中、右对齐、顶部对齐、处置居中和底部对齐。

坐标

设置组件在页面的显示位置。

X(轴)和Y(轴),以页面左上角为起点坐标[0,0],设置X轴和Y轴的值,调整组件坐标位置。目前支持的调整步长为4px。

角度

以组件中心点,组件按顺时针方向旋转的角度。

说明
  • 仅单个组件或组件组支持角度设置。

  • 图表组件中,除了设备管理(包括专业版)、设备属性、数据分析和仪表盘组件,其他图表组件都不支持角度设置。

镜像

该参数不显示,相应功能为角度下方的镜像按钮。

选中一个组件或组件组,通过镜像按钮设置左右镜像或上下镜像。

说明

镜像设置功能仅支持单个组件或组件组。

尺寸

W和H,即组件的宽度和高度。设置W和H数值,调整组件尺寸。

说明

不同组件有不同的最大和最小尺寸限制。

组件名称

设置组件名称,名称需在应用内具有唯一性。

组件可见性

设置组件是否在页面上显示。若设置为不可见,可配合交互,设置组件功能的使用。

组件可见性支持配置动态数据源为设备接口应用推送静态数据。数据源返回数据格式必须为布尔型。

如果是文字图片矩形指示灯组件,数据源返回数据格式可为布尔型或枚举型。如果配置数据源为设备,仅支持选择属性,支持数据格式为单精度数字、双精度数字、整数、布尔型和枚举型此时,支持设置设备离线时组件是否可见。若数据源的数据格式为数值型,需要转换整数型为布尔值转换数字为枚举型后设置对应的可见性。

不透明度

设置组件显示的透明度。设置范围为0~100,0为完全透明,100%为完全不透明。