大屏使用技巧——定时任务切换

易知微创新技术团队

| 3 天前 13 0 0

有时候需要大屏上做一些定时任务，比如说两个组件定时互相显隐切换，比如某个组件以某个轮播间隔移动。这就需要有某种定时自动执行的事件驱动。

通常大屏中的事件驱动都是用户的交互行为触发的，比如鼠标点击，不过也有一些组件有自动轮播的效果，并且在轮播切换时可以发出自定义事件，借此我们可以实现定时的事件驱动。

-PART 1-

配置动态面板

首先在面板中配置动态面板，增加两个状态，分别为状态1、状态2。

使用轮播类组件

最常用的就是选项卡，而且选项卡性能消耗较小，放到屏幕不可见区域，就能用来定时驱动。理论上所有带自动轮播功能的、并且能发送轮播切换的自定义事件的组件能都用来实现，比如3D圆形指标等。但俗话说一招鲜吃遍天，习惯上就用选项卡就行了。

第一步，在选项卡的样式-全局-自动轮播中设置轮播时时长，选项卡就开始自动轮播了。

第二步，设置选项卡组件的自定义事件。将要轮播的第一个状态设为事件1，并将该事件的条件设为s=1（即选项卡此时轮播至第一个选项），动作配置如下图所示。

最后以同样的方式设置事件2（即状态2）。最后预览如下。如果不想展示选项卡，直接将此拖动到画布外即可，预览效果如开头gif图所示。

数字孪生可视化 大屏使用技巧 定时任务切换 两个组件定时互相显隐切换 轮播间隔移动

赞同 0

文章

587

人气

粉丝

关注

扫码获取

更多数字孪生可视化干货内容