旋鈕開關組件是一個擬物化的組件,可用于展示和控制某個設備的屬性(例如設備的電源開關),或展示接口返回的數據值狀態。下文介紹組件的詳細配置方法。

步驟一:添加組件

  1. 創建Web應用。具體操作,請參見創建Web應用
  2. 在Web應用編輯器中,單擊最左側的組件圖標組件
  3. 在畫布左側組件列表上方,輸入旋鈕開關,找到該組件,然后將組件拖拽到中間畫布。

    有關組件添加的更多信息,請參見添加組件

    旋轉按鈕

步驟二:配置數據源

  1. 在Web應用編輯器右側樣式中,單擊數據源配置數據源
  2. 數據源配置頁面,選擇數據源類型,完成配置。
    可選數據類型有設備接口應用推送
    說明 設備數據源支持返回的數據類型為布爾型(bool)和整數型(int)。接口數據源支持返回的數據類型為布爾型(bool)和數值型(單精度數字、雙精度數字和整數)。
    • 布爾型:將布爾值與開關狀態進行映射,默認False對應關,True對應開。
    • 整數型:將設備返回的整數型數據轉換為布爾型,需設置轉換為True和False的整數值。
    • 數值型:使用數據過濾腳本將接口返回的數值型數據轉換為布爾型。
    數據源配置
  3. 單擊確定

步驟三:配置樣式

  1. 樣式中設置組件的旋柄顏色。
  2. 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息,請參見樣式配置

步驟四:配置交互動作

  1. 選中組件的交互頁簽,配置事件和交互動作。具體操作請參見交互配置
    例如,組件值改變,執行動作設置設備屬性,下發指令給某設備,修改該設備的某個屬性值。
  2. 單擊頁面右上方的預覽,預覽和調試組件展示的數據和效果。