Axure与iPhone应用程序原形创建（六）

Axure与iPhone应用程序原型创建（六）

在本文中，作者为大家讲解如何使用OnSwipe事件和设置面板状态来创建滑动幻灯片，使在滑动时有变化的效果。以下示例以滑动图像幻灯片为例，你也可以用同样的方法来创建除图像幻灯片以外的其他滑动内容。

第一步：添加OnSwipeLeft到SlideshowPanel

首先，打开AxureiPhoneApp.zip，打开里面的iPhoneApp-SwipingSlideshowTutorial.rp文件。

选择SlideshowPanel，双击OnSwipeLeft事件打开事件编辑器。

第二步：设置SlideshowPanel到Next状态

选择Set Panel State事件，点击SlideshowPanel的复选框。在下拉列表中选择Next面板状态，为动画进和动画出选择“向左滑动”动画。

注意不要关闭事件编辑器。

第三步：设置Panel NumberStatus到Next状态

点击NumberStatus面板的复选框。在下拉列表中选择Next面板状态，但是将动画进和动画出的效果默认为“none”。

点击确定，关闭事件管理器。

第四步：添加OnSwipeRight到SlideshowPanel

为OnSwipeRight添加交互。选择SlideshowPanel，双击OnSwipeRight打开事件编辑器。

第五步：设置SlideshowPanel到Previous状态

选择Set Panel State事件，点击SlideshowPanel的复选框。在下拉列表中选择Previous面板状态，为动画进动画出选择“向右滑动”动画。

第六步：设置 NumberStatus到Previous状态

点击NumberStatus的复选框，在下拉列表中选择Previous面板状态。但是将动画进和动画出的效果默认为“none”。

点击确定，关闭事件编辑器，将这两个设置生成到你的桌面或iPhone上进行查看和测试。

>>下载本文Axure iPhone App模板

http://image.evget.com//images/article/FileDownload/AxureiPhoneApp.zip