用户界面原型设计工具Axure之抽屉式导航模板-控件新闻-慧都网

用户界面原型设计工具Axure之抽屉式导航模板

原创|使用教程|编辑：郝浩|2013-08-09 11:20:17.000|阅读 4123 次

概述：今年6月，谷歌公司就安卓系统的抽屉式导航推出了一套新的规范。作为原型设计方面的主流工具，Axure的抽屉式导航是怎样的呢？本文作者特此附上一个Axure RP文件以供参考。

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

早在今年6月，谷歌公司就针对安卓系统的抽屉式导航推出了一套新的规范，旨在杜绝一直以来市场上的混乱和标准泛滥的局面。其中最令人困惑的用户界面元素就是“向上”按钮，因为每个应用程序对它都有不同的解释。同样是“向上”按钮，有些应用程序打开是导航抽屉，有些应用程序打开是导航到更高级别的页面，有些应用程序打开又是跳转到之前访问的页面。为此，谷歌在应用程序图标的旁边定义了一个抽屉指标区，将打开抽屉动作与“向上”动作区分开来。至此，抽屉式导航算是最终有了一个统一的规范。

那么，作为原型设计方面的主流工具，Axure的抽屉式导航又是怎样的呢？

这里小编将为你分享基于最新Android标准的Axure的抽屉式导航的一个模板，我试图让它尽可能的“轻”，这样它工作起来才会快且平稳，即使在一个旧的移动设备上也可以测试它。为了实现这一目标，我用一个iFrame组件来使它一次反应一个活动页面（排除使用多个重动态面板）并且用“Crazy flicker”技术监视页面的变化。
你会发现很容易就能添加和编辑新页面到原型中，也很容易定义动作栏标题和抽屉指示灯行为。

不过，为了有效地使用该模板，你需要先知道这些：

Axure网站地图有一个“桌面视图”页面和一个“移动视图”页面。若要在移动设备上查看原型，就使用URL地址进入“移动视图”；若要在桌面查看就进入“桌面视图”。
“移动视图”下添加的每个页面应该有一个名为“iHandleJumps”的动态面板，这个动态面板应该可以在“移动视图”页面里找到。
“移动视图”下添加的每个页面也应该有一个OnPageLoad互动设置，它设定一个值来定义动作栏标题的文本（参数名：’ActionBarTitle’），另一个参数应设置为定义抽屉指标符号——克拉或三杆的形状。（参数名：’ActionBarState’）
从一个页面转到另一个页面的实现是通过设定目标页面名称值到名为'JumpToPage'的另一个全局参数里面。

标签：界面设计网站设计

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

文章转载自：慧都控件网

上一篇：Axure运用：使用Axure创建iPhone应用程序原型（一）下一篇：OCR识别控件LEADTOOLS OCR应用：增强Google Drive搜索