一、打开axure7,开始。编辑器
二、拖一个占位符组件到布局上(固然也能够是矩形、图片之类的),大小270*170,做为幻灯片的第一张片子,双击写上“第一张片子”。布局
三、拖一个矩形,设置形状为椭圆,调整大小为10*10,调成一个正圆,Ctrl+D,连续复制到第4个,表示当前幻灯片的数量,排列整齐,放到上面的占位符下方,设置第一个指示器的背景色为灰色,表示当前选中状态。作好的效果以下:动画
四、如今开始,动态面板上场了:选中占位符组件,右键“转换为动态面板”,起个名字main,选中4个圆形指示器组件,右键“转换为动态面板”,起个名字index。事件
为何要搞两个独立的动态面板?由于咱们想上面的幻灯片有滑动效果,而下面的指示器不须要滑动效果,若是放在一块儿,作滑动效果时,下面的指示器会跟着一道滑动,实际上咱们看到的指示器通常本身不会滑动。(里面的当前指示器滑动效果另当别论哈,可使用移动来模拟这个指示器的移动效果)图片
五、复制动态面板main的第一个状态为状态二、状态三、状态4,并依次将里面的占位符组件文字改成“第二张片子”、“第三张片子”、“第四张片子”。循环
六、复制动态面板index的第一个状态为状态二、状态三、状态4,并依次设置一下第二个状态到第四个状态中指示器的背景色,第二个状态固然是设置第二个指示器的背景色,注意把第二个状态中以前设置的第一个指示器的背景色还原为原来的默认白色,这样切换到第二个状态时,当前选中的指示器就是第二个了。im
七、关键一步:添加自动循环处理,给动态面板添加事件,为了让它自动开始,须要在它的“载入时”事件中添加代码,在“载入时”事件上双击,弹出用例编辑器窗口,选择“设置动态面板状态”,在右侧的窗口中选择main和index两个动态面板,在选择状态下拉框中,注意选择“下一步”,而不是选择特定的某个状态,而后勾选下方的“从最后一个到第一个自动跳转”,并设置main进入时和退出时的动画都为向左滑动(指示器动态面板index不要设置动画,它不须要滑动效果),动画时长默认。img
八、F5预览一下,发现并无自动播放,由于上一步咱们只在载入时添加了事件,还须要在“动态面板状态改变时”事件中添加事件,只要把载入时的事件复制到这个事件上便可,事件能够所有复制和粘贴哦!移动
九、再F5预览一下,还不行?检查一下上面的步骤,理论上这时已经自动循环播放了,只是发现速度有点快,由于咱们没有停留时间。如今在设置动态面板的状态为下一步以前添加一个等待事件,设置为1000毫秒,即等待1秒,注意这个等待1000毫秒不要放在设置动态面板的状态以后哦!时间
十、再次预览,看起来正常了吧。