在可視化編輯右側面板中，選擇交互 Tab，交互動作，點擊“+交互動作”。
交互動作采用的是觸發事件 + 執行動作的模式。可通過單擊、雙擊、長按等事件來顯示隱藏組件、打開鏈接、下發設備數據、喚起氣泡、喚起彈窗。
一個組件支持最多有20個交互動作。支持多個交互動作使用同一個觸發事件。事件觸發時，按照交互動作配置的先后順序依次執行相應的動作。
顯示隱藏
觸發事件時，控制同頁面內其他組件的展示和隱藏。
選擇觸發事件，選擇動作為顯示隱藏。
設置點擊出現的組件和點擊隱藏的組件。均可多選。
應用示例
步驟一：給畫布中圓形組件配置交互動作，點擊圓形組件時隱藏矩形組件，點擊預覽查看效果
步驟二：在預覽畫面點擊圓形組件，矩形組件將隱藏。
下發數據
觸發事件時，設置組件關聯設備的屬性點和要下發的設置值，設置值可為固定值或者來自某個組件，如來自開關組件的值，也可勾選“啟用二次確認”，在下發前或會彈窗提示。配置完成后，可點擊“驗證”測試是否能成功下發數據。
選擇觸發事件，選擇動作為“下發數據”。
單擊“配置下發數據”。
在彈出的對話框中，設置組件關聯設備的屬性點和要下發的設置值。數據源可以是設備屬性點位或者設備屬性點類型的變量，設置值可為固定值或者來自某個組件的某個屬性，也可勾選“啟用二次確認”，在下發前會彈窗提示，點擊確定后，提示“下發成功”。
配置完成后，可點擊“驗證”測試是否能成功下發數據，單擊確定。
在瀏覽時或發布后的頁面，通過鼠標事件來觸發相應的動作。
下發數據應用示例
示例1: 下發固定值到指定設備點位
第一步： 在頁面上增加以下組件，包括工業按鈕、文字。
第二步：選中文字組件“加壓”為文字組件配置交互動作“下發數據”，設置下發值為固定值10。
第三步：瀏覽或發布時，可點擊文字“加壓”，出現下發數據的二次確認彈框，支持修改下發數據，點擊確定將壓力值10（或修改的下發值）下發到設備。
示例2: 下發組件的值到指定的設備點位
第一步：在頁面上增加以下組件，包括工業按鈕、文字、數碼管。
第二步：選中文字組件“加壓”為文字組件配置交互動作“下發數據”，下發的數據值可以來自任意組件的任意屬性，或者變量，目前設置下發值來自數碼管的組件值。
如需開啟數據過濾腳本功能，先勾選“數據過濾腳本”標題邊上的勾選框，再點擊編輯框，在框中輸入對應的過濾腳本。
第三步：瀏覽或發布時，可點擊文字“加壓”將數碼管的壓力值100下發到設備。
打開鏈接
觸發事件時，打開配置的頁面鏈接。
選擇觸發事件，選擇動作為打開鏈接。
單擊選擇鏈接。
在彈出的對話框中，配置鏈接，單擊確定。
參數 | 說明 |
鏈接打開方式 | 可選：
|
目標鏈接 | 可選：
|
URL參數 | 單擊+URL參數，配置鍵和值。 值支持配置動態參數，單擊參數來源，選擇組件值進行配置。 |
應用示例
步驟一：給圓形組件配置交互動作，點擊打開鏈接
步驟二：選擇鏈接并配置，可配置鏈接打開方式為當前頁面或新開頁面，可配置目標鏈接為當前應用頁面或指定鏈接
步驟三：點擊預覽查看效果，點擊對應的組件后將根據配置打開鏈接。
喚起氣泡
觸發組件事件時，關聯的自定義組件以氣泡的形式展示出來。
應用示例
步驟一：選中畫布中的“點我喚起氣泡”組件，配置交互動作“喚起氣泡”。
步驟二：點擊選中組件配置交互的熱區內氣泡出現，點擊中間畫布編輯區，氣泡消失。
步驟三：預覽時點擊“點我喚起氣泡”，氣泡組件被喚起。
喚起彈框
觸發組件事件時，關聯的自定義組件以彈框的形式展示出來。
應用示例
步驟一：選中畫布中的矩形組件，配置交互動作“喚起彈框”。
步驟二：點擊選中組件配置交互的熱區內彈框出現，點擊中間畫布編輯區，彈框消失。
步驟三：預覽時點擊“點我喚起彈窗”，彈框被喚起，點擊右上角“x”，關閉彈框。
喚出設備管理
觸發組件事件時，配置該交互動作的組件將通過表格的形式展示關聯設備的點位信息，并可以在對某點位進行數據的下發，實現設備點位數據的管理。
應用示例
步驟一：選中畫布中的某個組件，點擊右側欄中的交互
步驟二：配置相應的事件，可選擇“點擊/雙擊/長按/鼠標懸停”，下面的示例選擇的是“點擊”；再從動作中，選擇“喚出設備管理”。
步驟三：點擊“選擇設備”；先選擇設備模板，再選擇設備實例，點擊“確認”。進入步驟四。
步驟四： 點擊“喚出設備管理”，可在當前的編輯頁面看到配置的效果，查看結束之后，關閉。最終進入預覽態查看配置的交互事件“點擊”是否真的起作用。
步驟五：點擊預覽，點擊該組件，喚出“設備點位信息管理列表”
步驟六：需要根據實際情況，決定是否要下發數據。凡是“控制”欄提供輸入框或者開關的點位，都是可以進行數據下發。下發數據在實際車間里屬于高危操作，所以每次下發數據之前，都會有二次的彈窗。
步驟七：查看之后，選擇右上角的“x”關閉彈窗，或者點擊陰影處關閉彈窗
后退
觸發事件時，控制后退到上一記錄頁面。
應用示例
步驟一：給畫布中組件配置交互動作，點擊交互動作后退，點擊預覽查看效果
步驟二：在預覽畫面點擊跳轉到其他頁面后，點擊后退組件，頁面將后退到上一記錄頁面。
前進
觸發事件時，控制跳轉到后退之前的頁面。
應用示例
步驟一：給畫布中組件配置交互動作，點擊組件頁面前進，點擊預覽查看效果
步驟二：在預覽畫面控制頁面后退后再點擊組件，頁面將跳轉到后退之前的頁面（不會跳出組態）。
全屏
觸發事件時，頁面全屏。
步驟一：給畫布中組件配置交互動作，點擊交互動作全屏，點擊預覽查看效果
步驟二：在預覽畫面點擊組件，畫布將全屏（再次點擊將退出）
刷新
觸發事件時，頁面刷新。
應用示例
步驟一：給畫布中組件配置交互動作，點擊交互動作刷新，點擊預覽查看效果
交互
多選
對于任意一個組件，都可以配置多選下發數據的交互配置，具體步驟如下：
配置多選交互：選中畫布中的組件，在組件交互一欄中添加交互動作，此時選擇時間類型為多選，在選擇多選的情況下，交互動作只能為下發數據，不可修改其他交互類型。
配置下發數據：點擊下方的下發數據按鈕，打開配置下發的數據側欄，選擇數據源類型與要下發的變量通道, 點擊確認完成配置，此時多選交互配置已經完成。
觸發多選交互：配置完成后，在預覽/運行狀態下可以觸發多選交互功能。點擊預覽或使用 shift + p 快捷鍵打開預覽彈窗，通過長按已經配置了多選交互的組件則可以打開多選交互模式。如圖所示，下圖中三個組件配置了多選交互，長按后會觸發多選，此時可以已配置的組件。
執行下發數據：勾選需要下發數據的組件，點擊執行按鈕，會提示輸入下發的數據值，輸入后點擊確定，會將數據下發到對應的設備。
