在之前的两篇文章中,作者分别为大家介绍了如何使用iPhone应用程序页面模板在原型设计工具Axure中设计程序,以及如何在iPhone上查看iPhone应用程序原型。接下来,作者将为大家讲解如何使用Axure在iPhone中设置显示和隐藏滑动菜单。
向上滑动面板
第一步:添加图像映射区域
首先,打开 AxureiPhoneApp.zip,打开 iPhoneApp-SlidingMenuTutorial.rp文件。
因为底部的导航现在只是一个单一的图像,添加一个图像映射区域到的大拇指向上/向下按钮之间的选项按钮。此外,在“添加书签”按钮上也添加一个图像映射区域,因它是由两个组件创建,我们希望整个区域都可以点击。
第二步:将菜单转换到动态面板
为创建滑动动画,我们将用到设置面板状态事件。首先,将整个滑动菜单转入到一个动态面板,具体操作为:选择组件,右击,转换>装换到动态面板。为面板标注“SlideUpMenu"”。