Axure动态面板的使用

一、什么是Axure的动态面板
      按照 Axure官方网站的解释 ：动态面板控件（Dynamic Panel）可让你实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每一个状态可包含一系列控件（你能够把一个状态理 解成一个独立的页面）。任什么时候候都只有一个状态（页面）是可见的，或整个动态面板能够被隐藏。结合交互动做，可让动态面板的状态进行隐藏、显示和改变。 像添加其它控件同样，能够在控件面板中拖放动态面板控件到线框图中。
      简单的说，动态面板就是展现在页面不跳转的状况下所能实现的交互状态。而动态面板的每个状态均可以看做是产生的一个新的交互结果。

二、Axure的动态面板能够用来作什么
      1）tab式页签的切换效果：Axure的官方给出的实例就是这个， AlipayUED的同窗 按照官方给出的作法制做了一个3tab的原型，不肯看英文说明的同窗能够直接参照这篇博客。
      2）鼠标触发式和点击触发式的下拉菜单效果：这个能够结合Axure的默认组件中的“垂直菜单”、“水平菜单”来实现，经常使用于导航的原型制做。
      3）鼠标触发式的浮窗效果：相似“Alt”的效果，经常使用于浏览提示和触发式广告。
      4）JS的鼠标点击弹层效果：这个是目前使用被普遍使用的效果之一。
      5）注册表单中的根据焦点判断提示的效果：当焦点在输入框内的时候提示该表单栏目填写规范，当焦点离开输入框的时候根据填写的结果提示正确或者错误缘由，这个须要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。
      ….and so on…

三、如何使用Axure的动态面板
    1）动态面板属于Axure的一个组件，在组件栏中选中它，直接拖到你但愿它出现的位置。不用担忧，即便在添加完状态以后它的位置也是能够随时改变的。
    2）在动态面板上点击右键——编辑动态面板——管理动态面板状态。在弹出的窗口里输入动态面板的标签名称（默认是Unlabeled）、添加新的状态。固然，也能够在界面的右下角找到“动态面板管理”模块来对动态面板进行操做。
    友情提示：
    a）默认的动态面板的状态是显示（蓝色），咱们能够把他设置成隐藏（×××）。
    b）状态页面中的蓝色虚线外框表示动态面板的边界范围，超过这个边界范围外的内容在最终生成原型时将不可见。
    c）为了避免影响其余交互的制做，能够点击“动态面板管理”模块右侧的淡蓝色小方块在隐藏或显示之间切换。或者，你能够在顶部的页面名称（如Home）上点击鼠标右键，选择右键菜单所有隐藏或所有显示，能够隐藏或显示页面中全部的动态面板。
                                     
     3）双击添加完的动态面板状态（State一、二、…），会在Axure的工做区打开一个新标签。如今，把这个新标签看成是一个全新的页面来设计就OK了，不过，记住不要超过蓝色虚线外框。
    4）给动态面板添加交互。Axure5.5中经常使用在动态面板上的交互行为包括：Set Panel state to State（设置动态面板的状态切换）、Show Panel（显示动态面板）、Hide Panel（隐藏动态面板）、Toggle Visibility for Panel（切换动态面板可见属性）、Move Panel（移动动态面板到一个设定的位置（x*y））、Bring Panel to Front（将动态面板置于最前）。交互行为的添加与添加其余组件的交互同样，没有什么好解释和介绍的。
   5）生成HTML发布到web上、生成CHM分发给其余团队成员、创建Axure协做共享、….
   友情提示：
   a）使用 Axure汉化版本 会让你使用更轻松，虽然汉化的还不是很是彻底，可是对于英文很差的同窗来讲已是莫大的帮助了，向汉化的 生平一笑 同窗致敬！
   b）若是看Axure官方的使用说明很费劲，能够参考目前陈良泳同窗翻译的 快速原型设计 ，翻译质量很不错！
   c）从Axure5开始，能够建立本身的组建库和导入别人作好的组建库了，官方提供了一套 雅虎的组件 ，我的以为已经彻底够用了。
   d）模块和组件是2个彻底不一样的概念，模块的后缀是.rp而组件的后缀是.rplib。模块和组件之间是能够相互转化的，你能够利用组件去建立一些本身经常使用的模块如网站头部、底部等；你也能够把模块里的内容分拆成组件单个使用。
   e）在生成chm格式的时候页面名称不要使用中文，中文名称的页面在chm里会显示成乱码。