樣式配置
本文介紹組件在應用頁面展示樣式的配置方法,包括位置、大小、可見性、透明度等。
樣式配置分為通用配置和個性化配置,不同組件的個性化配置項不同。同類型組件的樣式支持合并編輯以及復制粘貼。
下圖為所有組件的通用配置。
以下表格介紹通用樣式配置項。
參數 | 描述 |
分布或對齊 | 該參數不顯示,相應功能為置于樣式配置頁面頂部的分布與對齊圖表按鈕。 單擊選中一個或多個組件后,通過分布與對齊圖表按鈕可設置組件水平分布、垂直分布、左對齊、居中、右對齊、頂部對齊、處置居中和底部對齊。 |
坐標 | 設置組件在頁面的顯示位置。 X(軸)和Y(軸),以頁面左上角為起點坐標[0,0],設置X軸和Y軸的值,調整組件坐標位置。目前支持的調整步長為4px。 |
角度 | 以組件中心點,組件按順時針方向旋轉的角度。 說明
|
鏡像 | 該參數不顯示,相應功能為角度下方的鏡像按鈕。 選中一個組件或組件組,通過鏡像按鈕設置左右鏡像或上下鏡像。 說明 鏡像設置功能僅支持單個組件或組件組。 |
尺寸 | W和H,即組件的寬度和高度。設置W和H數值,調整組件尺寸。 說明 不同組件有不同的最大和最小尺寸限制。 |
組件名稱 | 設置組件名稱,名稱需在應用內具有唯一性。 |
組件可見性 | 設置組件是否在頁面上顯示。若設置為不可見,可配合交互,設置組件功能的使用。 組件可見性支持配置動態數據源為設備、接口、應用推送、靜態數據。數據源返回數據格式必須為布爾型。 如果是文字、圖片、矩形、指示燈組件,數據源返回數據格式可為布爾型或枚舉型。如果配置數據源為設備,僅支持選擇屬性,支持數據格式為單精度數字、雙精度數字、整數、布爾型和枚舉型。此時,支持設置設備離線時組件是否可見。若數據源的數據格式為數值型,需要轉換整數型為布爾值或轉換數字為枚舉型后設置對應的可見性。 |
不透明度 | 設置組件顯示的透明度。設置范圍為0~100,0為完全透明,100%為完全不透明。 |