幻灯片播放

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Axure与动态面板

作者：Justin Bieber

撰写时间：2021.8.18

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

这是一个简易的幻灯片播放案例，下面就跟着我来完成。

 

一、静态页面

1. 幻灯片静态

 

在元件库里找到动态面板，并将它拖拽出来到画板中。

双击动态面板，弹出面板状态管理，点击绿色的加号键添加面板。（添加几个看自己喜好）。点击确定。

 

选中面板，在右边选择新建的面板，双击。

 

 

在新面板页面导入自己喜欢的图片，然后剩下的页面均为这样导入。

导入进去之后就像这样子（见下图）。

 

这样子我们的幻灯片的静态就好了。

2. 按钮样式

这里我们按钮就非常简单了。

在元件库里找到按钮元件，并将他拖拽出来。

 

双击按钮就可以改变文字了，文字改好再随便填充个颜色做区分就好了。

二、制作动态

1. 面板载入事件

点击动态面板并在右边选择载入时，双击。

 

左边添加动作区域选择设置图片状态，右边勾选选择当前的动态面板，勾选当前元件也可以，勾选动态面板也可以，（在以后选择这些的时候最好给元件命名以方便查找）

点击选择状态，选择“next”，向后循环勾选上，循环间隔勾选上时间可以改为1000-2000都可以，（个人喜好），首个状态延迟2000后切换可勾选可不勾选，进入动画选择为“逐渐”，时间改为1000-2000都可以（个人喜好）。点击确定。

 

2. 按钮点击事件

选择按钮，点击右边事件的“鼠标单击时”

添加动作里选择设置面板状态，在右边选择刚才创建的那个面板并勾选，选择状态改为停止循环，进入动画可不选，点击确定。

 

开始按钮的事件，可设置为跟动态面板的设置为一样的，但是事件改为“鼠标单击时”。

 

这样子我们这个简易的幻灯片就做好了。

剩下的可点击右上角的预览  击查看我们做的动画。