滑动幻灯片 | Swiping Slideshow

制作一个幻灯片,可以使用户通过滑动来浏览。

STEP 0:下载移动端练习文件

如果你还没有练习文件,请下载AxureMobile练习文件.rp并在Axure RP中打开它,该文件包含了Axure移动端教程中对应的每个页面。

STEP 1:设置动态面板状态为“Next”

在移动端练习文件中,打开“滑动幻灯片”页面,大概在页面一半以下的位置,有一个包括三个状态的名为“滑动幻灯片”的动态面板,其中包含了幻灯片图片。

选中“滑动幻灯片”动态面板,然后在检视窗口中的属性页签下,双击“向左拖动结束时”来添加一个新的向左拖动结束时用例。

在用例编辑器中,点击左侧“添加动作”栏中的“设置面板状态”,在右侧“配置动作”栏下选择“滑动幻灯片”。

在右侧“配置动作”栏的底部,设置“选择状态”下拉列表的选项为“Next”,然后点击“向后循环”的复选框,这样可以使图片循环切换。

在“进入动画”下拉列表中,选择“向左滑动”,注意“退出动画”的下拉列表选项会自动变为相同的设置。

点击“确定”按钮关闭用例编辑器。

STEP 2:设置动态面板状态为“Previous”

在“滑动幻灯片”动态面板的“向右拖动结束时”事件下重复STEP 1中的步骤,不过这次要设置动态面板的状态为“Previous”,并且动画效果选择“向右滑动”。

STEP 3:预览

预览原型,在图片上左右滑动来浏览幻灯片。

(备注:如果你想在“设备框架”页面提供的设备框架中预览页面,打开“设备框架”页面,双击“内容框架”,然后在弹出的对话框中选择“滑动幻灯片”。)

评论(0)

发表评论

电子邮件地址不会被公开。 必填项已用*标注