幻灯片案例
一、制作结果
让图片像幻灯片一样可以自动切换也可以手动上一张下一张的切换,制作幻灯片效果要用动态面板来做。
二、制作方法
1.往主界面拖入一个【动态面板】–>调节【动态面板】大小和位置。为调整方便,建议将图片与面板尺寸统一。
2.双击【动态面板】–>增加状态数量:点击【+】号添加面板状态,(需要展示多少页添加到相应状态数量)。
3.给【动态面板】的每个状态添加图片:双击【State1】–>在打开的以下主界面的蓝色虚线框内拖入【图片】(注意:只有蓝色框内内容可以被动态面板显示出来,所以需要调整图片位置和大小填充整个蓝色框)
4.双击图片–>选择State1–>在复制一份.选择State2和State1一样拖入图片,【动态面板】其他状态也进行 同样的操作,完成后的页面概要如下图二所示。
5.在拖入两个按钮开始和结束、以及两个左右箭头符号用来实现上一张和下一张
6.准备工作作完之后就设计交互,给动态面板设置点击事件(设置面板状态==》选中状态(Next下一个)–>先后循环–>间隔时间==》开始动画–>向右翻转–>时间)如图一和状态改变(设置前要做判断,判断面板状态=最后一张图片时==》设置停止循环)如图二
7.给开始和结束按钮设置交互,给开始按钮设置点击事件(设置面板状态==》选中状态(Next下一个)–>先后循环–>间隔时间==》开始动画–>向右翻转–>时间)如图一,给开始按钮设置点击事件(设置面板状态==》选中状态结束循环)如图二。