1、应用场景
流动条控件主要用于展示流动等效果,当绑定的变量处于不同的值时触发该控件的不同流向
2、操作示例
2.1 绑定变量
流动条控件可绑定设备变量或中间变量,通过设置变量的判断条件已达到流动的效果
绑定设备变量
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/image1645681995920.png)
绑定中间变量
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/image1645682116536.png)
绑定变量后,在下方设置流动条流动的判断条件,当绑定的设变量达到流动条件时,流动条就会流动
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/a23877546591e6fb6b52e3d8c3c31d77_image16456821950921646619671143.png)
2.2 设置流动方向
对于流动条流动的方向和速度可进行设置,设置完成后可在组态编辑页面进行预览
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/1661303795324/image.png)
2.3 设置动画效果
控件动画效果是控件对于一个或多个数据条件的动画响应功能,当指定数据满足设置的指定条件时,流动条控件可进行显隐
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/image1639467186970.png)
2.4 样式设置
在为控件做完数据设置之后,为了适应组态画面,以达到展示的美观性,可为控件进行一些样式设置,可设置流动条的轮廓宽度,填充与边框颜色等以及色块的颜色、长度、间隔、边距
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/1661303854638/image.png)
2.5 效果展示
![](https://saas.bk-cdn.com/t/a45a380f-8a20-431d-876a-4e44296f7150/u/c2af0dd0-dfda-4254-a0a2-e26ea5bae794/%E6%B5%81%E5%8A%A8%E6%9D%A1%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA1639467237771.gif)