样式配置
本文介绍组件在应用页面展示样式的配置方法,包括位置、大小、可见性、透明度等。
样式配置分为通用配置和个性化配置,不同组件的个性化配置项不同。同类型组件的样式支持合并编辑以及复制粘贴。
下图为所有组件的通用配置。
以下表格介绍通用样式配置项。
参数 | 描述 |
分布或对齐 | 该参数不显示,相应功能为置于样式配置页面顶部的分布与对齐图表按钮。 单击选中一个或多个组件后,通过分布与对齐图表按钮可设置组件水平分布、垂直分布、左对齐、居中、右对齐、顶部对齐、处置居中和底部对齐。 |
坐标 | 设置组件在页面的显示位置。 X(轴)和Y(轴),以页面左上角为起点坐标[0,0],设置X轴和Y轴的值,调整组件坐标位置。目前支持的调整步长为4px。 |
角度 | 以组件中心点,组件按顺时针方向旋转的角度。 说明
|
镜像 | 该参数不显示,相应功能为角度下方的镜像按钮。 选中一个组件或组件组,通过镜像按钮设置左右镜像或上下镜像。 说明 镜像设置功能仅支持单个组件或组件组。 |
尺寸 | W和H,即组件的宽度和高度。设置W和H数值,调整组件尺寸。 说明 不同组件有不同的最大和最小尺寸限制。 |
组件名称 | 设置组件名称,名称需在应用内具有唯一性。 |
组件可见性 | 设置组件是否在页面上显示。若设置为不可见,可配合交互,设置组件功能的使用。 组件可见性支持配置动态数据源为设备、接口、应用推送、静态数据。数据源返回数据格式必须为布尔型。 如果是文字、图片、矩形、指示灯组件,数据源返回数据格式可为布尔型或枚举型。如果配置数据源为设备,仅支持选择属性,支持数据格式为单精度数字、双精度数字、整数、布尔型和枚举型。此时,支持设置设备离线时组件是否可见。若数据源的数据格式为数值型,需要转换整数型为布尔值或转换数字为枚举型后设置对应的可见性。 |
不透明度 | 设置组件显示的透明度。设置范围为0~100,0为完全透明,100%为完全不透明。 |