旋鈕開關組件是一個擬物化的組件,可用于展示和控制某個設備的屬性(例如設備的電源開關),或展示接口返回的數據值狀態。下文介紹組件的詳細配置方法。 步驟一:添加組件 創建Web應用。具體操作,請參見創建Web應用。 在Web應用編輯器中,單擊最左側的組件圖標。 在畫布左側組件列表上方,輸入旋鈕開關,找到該組件,然后將組件拖拽到中間畫布。 有關組件添加的更多信息,請參見添加組件。 步驟二:配置數據源 在Web應用編輯器右側樣式中,單擊數據源后配置數據源。 在數據源配置頁面,選擇數據源類型,完成配置。可選數據類型有設備、接口、應用推送。 說明 設備數據源支持返回的數據類型為布爾型(bool)和整數型(int)。接口數據源支持返回的數據類型為布爾型(bool)和數值型(單精度數字、雙精度數字和整數)。 布爾型:將布爾值與開關狀態進行映射,默認False對應關,True對應開。 整數型:將設備返回的整數型數據轉換為布爾型,需設置轉換為True和False的整數值。 數值型:使用數據過濾腳本將接口返回的數值型數據轉換為布爾型。 單擊確定。 步驟三:配置樣式 在樣式中設置組件的旋柄顏色。 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息,請參見樣式配置。 步驟四:配置交互動作 選中組件的交互頁簽,配置事件和交互動作。具體操作請參見交互配置。 例如,組件值改變,執行動作設置設備屬性,下發指令給某設備,修改該設備的某個屬性值。 單擊頁面右上方的預覽,預覽和調試組件展示的數據和效果。