如何利用视觉差异和动态看板状态之间的切换来创建banner立体切换效果。
如下图所示，向左滑动鼠标切换下一个图像，向右滑动显示上一个图像。 动态效果是立体翻转风格。
思路：利用时间差、视差、动态面板的状态变化完成。
步骤一：按如下动态面板结构放置图片
整个内容位于动态面板“banner”中，因此可以轻松应用于其他位置，在复制和生成模板时无需更改设置。将图像主体放入“img”； “向左翻转”包含向左滑动翻转时的内容。 此状态包含用于放置三种不同状态1、2、3的动态面板“左立体”。 在此，用于保存移动到1/3、2/3时的情况。
在“向右翻转”中，放入向右滑动翻转时的内侧(该“向左翻转”)。
步骤二：banner动态面板上添加事件
开始立体翻转：将名为“banner”或“this构件”的动态面板的状态设置为“向左翻转”。
翻转过程：将其中的动态面板的状态设定为自动切换为Next，间隔200ms。
由于每次滑动banner图像时都会执行此过程，因此状态图像必须根据要滑动的当前图像而有所不同。 如下所示。 因此，在此需要判断当前的banner主图是哪个。 状态图像因图像而异。
因此，除了上述任一情况下的执行操作之外，还需要添加if操作。 以下是目标banner图为第2张时的判断。
如果是同样的内容的话，就不需要这样的判断。 例如，都是一种颜色的彩色块。
翻转完毕： 3种状态的翻转过程花了600ms，等待600ms后进行完成后的展示。 过了600ms后，展示主体图像，设定为目标图(这里为Next )。
即使翻转也显示目标图像，将负责翻转面板的状态返回到初始页面。 否则，下一次就无法从一开始就反转。
右转同上。
图片来源： http://Hua Ban.com/Pins/1465767735 /
结束了
正文是@ X。 原创者宣布每个人都是产品经理。 未经许可禁止转载
问题来自Pixabay，基于CC0协议