一、制作方法
1)在网页和 APP 中,我们在首页的位置经常可以看到滚动展示的轮播推广图,只需将多个图,重叠放在一起,顺序显示即可。
- 从元件库拖拽出 3 个矩形,分别命名 1、2、3。
- 选择矩形 1,右键将其转换为动态面板。
- 为动态面板添加 2 个新的状态。
- 把矩形 2 放在动态面板状态 2,坐标左上角 0.0 点。
- 把矩形 3 放在动态面板状态 3,坐标左上角 0.0 点。
- 预览时,页面中的矩形 1、2、3 将顺序线性显示。
- 我们也可以利用此面板制作移动端中,手指左右滑动进行切换 banner 的原型图。
此处从【步骤 5】开始。 - 鼠标选择动态面板,给其添加命令
- 鼠标双击向左拖动结束时,打开用例编辑窗口。
- 选择设置面板状态——勾选动态面板——选择状态:next——勾选:向后循环——进入动画 / 退出动画:向左滑动。(注意,此处禁止勾选循环间隔和首个状态延时)
- 鼠标双击向左拖动结束时,打开用例编辑窗口。
- 选择设置面板状态——勾选动态面板——选择状态:next——勾选:向后循环——进入动画 / 退出动画:向左滑动。(注意,此处禁止勾选循环间隔和首个状态延时)
- 继续制作向右的操 作效果,选择动态面板,鼠标双击向右拖动结束时,打开用例编辑窗口。
- 选择设置面板状态——勾选动态面板——选择状态:previous——勾选:向前循环——进入动画 / 退出动画:向右滑动。(注意,此处禁止勾选循环间隔和首个状态延时)
- 此时预览后,可利用鼠标,模拟操控手机左右滑动屏幕,图片切换的效果。