Axure与iPhone应用程序原型创建(六)

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

第一步:添加OnSwipeLeft到SlideshowPanel

添加OnSwipeLeft到SlideshowPanel

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

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

第二步:设置SlideshowPanel到Next状态

设置SlideshowPanel到Next状态

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

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

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

设置Panel NumberStatus到Next状态

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

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

第四步:添加OnSwipeRight到SlideshowPanel

添加OnSwipeRight到SlideshowPanel

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

第五步:设置SlideshowPanel到Previous状态

设置SlideshowPanel到Previous状态

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

第六步:设置 NumberStatus到Previous状态

设置 NumberStatus到Previous状态

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

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

>>下载本文Axure iPhone App模板

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值