动态模板之轮播

第一步操作:从基本元件拉出一张图片,设置为动态模板.

第二步:然后将动态模板第一个状态开始复制成多个状态,然后在各个状态改为自己喜欢的图片

第三步:在检视:状态模板的属性中用交互用例给动态模板设置效果,添加动作>组织动作>配置动作.根据自己要求设置好配置动作.预览看看,让其产生轮播自动翻转动态效果.

前面操作是让动态模板能自动轮播,下一步操作设置选择性轮播:在元件库中拉出个左按钮,在动态模板上居中,然后给左按钮设置鼠标点击事件,让它往右滑动,右按钮和左按钮的鼠标点击事件差不多.

最后要解决的问题是第一屏和最后一屏的点击事件轮播效果:在鼠标点击中的用例编辑那里编辑条件:if面板状态等于状态一时,选择需要跳转的状态(第三状态);if面板状态等于状态三时,选择需要跳转的状态为第一状态.如图:

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201209210431628.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0w2OTEzMjE=,size_16,color_FFFFFF,t_70#pic_center

这样简单的轮播就出来了…