選中畫布上的某個組件后，在組態編輯器的右側面板中，可以看到“動畫”一欄。組件動畫包含四種：縮放、移動、旋轉和不透明度。通過點擊每種動畫的“顯示”切換按鈕來控制對應動畫是否生效。注：縮放、移動和旋轉動畫只支持同時生效一個，優先級：縮放>移動>旋轉。

名詞解釋

1) 初始：組件動畫效果的初始狀態，如寬高比例、xy位置、角度和不透明度。

2) 結束：組件動畫效果的結束狀態，如寬高比例、xy位置、角度和不透明度。

3) 動畫時長：動畫效果從初始狀態到結束狀態所需的時間，單位秒。

4) 循環動畫：是否開啟動畫循環顯示的效果。

5) 反向： 是否設置動畫反向顯示，即效果從“結束”狀態到“初始”狀態。

6) 播放方式： 動畫播放的觸發方式，包括“自動播放”、“點擊播放“和“數據源播放”。其中“自動播放”為無須任何觸發條件，在運行態自動啟動動畫效果，“點擊播放”是通過點擊組件中間的播放按鈕來啟動和停止動畫，“數據源播放”為通過配置某個數據源，根據數據源數值來控制播放啟停。

1. 縮放動畫

通過配置縮放動畫，可以實現組件沿著其中心位置的縮小或者放大效果。在縮放動畫配置中，控制是否顯示動畫、設置動畫時長、初始比例、結束比例、是否開啟循環動畫、是否反向執行動畫、動畫播放方式。除“播放方式”之外的動畫屬性可以關聯數據源。

案例：設置告警信息的縮放動畫，實現明顯地提示告警的效果。設置在2秒內縮放比例從100%增加到150%，自動播放，并開啟循環動畫，具體配置項如下圖所示。

運行態效果如下圖所示：

2. 移動動畫

通過配置移動動畫，可以實現位置的移動。在移動動畫配置中，可以控制是否顯示動畫、設置動畫時長、初始位置、結束位置、是否開啟循環動畫、是否反向執行動畫、動畫播放方式。除“播放方式”之外的動畫屬性可以關聯數據源。

案例：為機械臂配置移動動畫，實現機械臂移動效果。設置在5秒內從（10，10）移動到（100，100），播放方式為點擊播放，具體動畫配置項如下圖所示。

運行時效果：點擊控制播放移動動畫，如下圖所示。

3. 旋轉動畫

通過配置旋轉動畫，可以實現組件繞著其中心位置的旋轉效果。在移旋動畫配置中，可以控制是否顯示動畫、設置動畫時長、初始角度、結束角度、是否開啟循環動畫、是否反向執行動畫、動畫播放方式。除“播放方式”之外的動畫屬性可以關聯數據源。

案例：為雪花狀的扇葉類設備配置動畫，實現設備旋轉的效果。設置在2秒內從0-360度旋轉，并循環動畫，反向旋轉，播放方式為數據源，并為控制播放數據源配置對應的變量（該變量的值在true和false之間切換），具體動畫配置項如下圖所示。

運行時效果：當控制播放的數據源值為true時，顯示旋轉效果，當控制播放的數據源為false時，停止旋轉。類似一個風扇的開關控制。具體動畫效果如下圖所示。

4. 不透明度動畫

通過配置不透明度動畫，可以實現組件不透明度變化引起的閃爍效果。在不透明度動畫配置中，可以控制是否顯示動畫、設置動畫時長、初始不透明角度、結束不透明角度、是否開啟循環動畫、是否反向執行動畫、動畫播放方式。除“播放方式”之外的動畫屬性可以關聯數據源。

案例：為指示燈配置不透明度動畫，在2s秒內不透明度從100%到0%，具體動畫配置項如下圖所示。

運行時效果：指示燈實現閃爍效果，具體動畫效果如下圖所示。