Chinaunix首页 | 论坛 | 博客
  • 博客访问: 59870
  • 博文数量: 34
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 420
  • 用 户 组: 普通用户
  • 注册时间: 2013-08-29 16:27
文章分类

全部博文(34)

文章存档

2014年(8)

2013年(26)

我的朋友

分类: 架构设计与优化

2013-10-21 14:34:46

在本文中,作者为大家讲解如何使用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

阅读(237) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~