Axure运用：使用Axure创建iPhone应用程序原型（五）-控件新闻-慧都网

Axure运用：使用Axure创建iPhone应用程序原型（五）

原创|使用教程|编辑：郝浩|2013-10-12 13:21:39.000|阅读 14534 次

概述：在前面的系列文章中，作者为大家讲解了在原型设计工具Axure RP中如何使用iPhone应用程序页面模板设计程序、如何使用动态面板和滚动条创建滚动内容等等。在下文中，作者将为大家讲解的是如何使用动态面板创建多个屏幕间的滑动切换。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

第一步：添加图像映射区域

添加图像映射区域

打开AxureiPhoneApp.zip，打开里面的iPhoneApp-StateChangeNavigationTutorial.rp文件。
在返回箭头按钮和正在播放按钮上面添加图像映射区域，因这些按钮都是由多个组件组成，所以我们要为整个区域添加交互。

第二步：将第一个屏幕转换到动态面板

：将第一个显示转换到动态面板

接下来，我们将需要切换的屏幕嵌入到一个动态面板中。
选中第一个屏幕的所有组件，右击选择转换>转换到动态面板。将此面板标记为InterfacePanel。

第三步：添加“Stations”状态

在动态面板管理器中右击面板，选择添加状态，为面板添加两个新的状态。
将第一个状态标记为“正在播放”，将第二个状态标记为“Stations”。

第四步：将组件粘贴到“Stations” 状态下

将组件粘贴到

选中Station列表中的屏幕组件，剪切并粘贴到“Stations”状态下。将粘贴的组件移动到0,0位置。

第五步：添加OnClick到图像映射区域

添加OnClick 到图像映射区域

选中“正在播放”的图像映射区域，双击OnClick事件打开事件编辑器。

第六步：设置面板到“正在播放”状态

添加一个设置面板状态事件，查看InterfacePanel复选框。 “现在播放”状态是默认为选择状态的。为动画进和动画出选择“向左滑动”。
点击确定，关闭事件编辑器。

第七步：打开“正在播放”状态, 添加OnClick

添加OnClick

导航到“正在播放”状态，选中返回按钮的图像映射区域，并双击OnClick打开事件编辑器。

第八步：设置面板状态到“Stations”

选择设置面板状态事件，查看InterfacePanel复选框。从下拉列表中选择“Stations”状态，为动画进和动画出选择“向右滑动”。点击“确定”。

测试：创建完成后，可通过生成到你的桌面或在iPhone上查看进行测试。

扩展阅读

标签：网页设计响应式网页设计原型设计

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@hmdbvip.cn

文章转载自：慧都控件网

上一篇：DevExpress Document Server表格服务器教程：Excel工作表操作（4）下一篇：DevExpress Document Server表格服务器教程：Excel工作表操作（3）

永利最大(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群