【译】学习Axure RP 8 Beta - 编组功能

原文标题《【译】学习Axure RP 8 Beta - 编组功能》

From: Learn Axure RP 8 Beta: Groups

Axure RP 8 Beta - 编组功能

在Axure RP 7中,当多个部件被编组后,点选编组中的某个部件时,选中的是整个编组。而在Axure RP 8中,编组中的部件可通过多种方法选中。部件可以以“层”的方式来组织管理。编组可以触发多种交互事件,如:OnClick事件。同时,编组可以被设置动作。例如:可以显示和隐藏编组。

注意:如果在8.x版本中打开一个Axure 7.x版本制作的文件,编组中的部件将按他们的Z轴层级重新排序。

 

创建编组

在8.x版本中,部件仍然可以按照以前版本中的方法行编组。选择所需的部件然后使用下列任意方法:

  1. 右键点击选中的多个部件,然后选择“Group(编组)”
  2. 使用键盘快捷键: [CTRL] + [G] / [CMD] + [G]
  3. 使用顶部工具栏中的“Group(编组)按钮

 

编辑编组

选中一个编组,即可通过检查器面板给编组命名,并设置其属性。编辑一个编组的样式属性将同同时改变编组中部件的样式。调整编组的尺寸将同时调整其中部件的大小。

需要编辑编组中的单个部件时,可先点选编组,然后再单击编组中的对应部件。你会看到一个灰色蒙层会覆盖在除编组内所有部件以外的整个页面上。在此模式下,你可以移动、调整大小、编辑编组中部件的样式;直接从部件面板中拖入添加新的部件到编组中;以及直接删除某个部件。点击编组以外任意区域即可离开编组编辑模式。

Axure RP 8 Beta - 编组功能

此外,还可以在Outline(大纲)面板中通过拖拽部件的方式编辑编组。

编组交互设置

在7.x版本中,如果你想要将几个部件组合成一个按钮,需要这几个部件添加到同一个动态面板中,然后在此动态面板上定义交互动作。而在8.x版本中,可以更容易的通过编组这几个部件来实现。

部件被编组后,可以像设置单独的部件一样直接在检查器面板的属性tab中为编组添加交互动作。添加OnClick交互动作后,点击编组中的任何部件都将触发交互动作,除非此部件已设置了其他的OnClick交互动作。在这种情况下,部件上的OnClick交互将被执行,而不会执行编组上的。

在编组的属性tab中,有个“激活鼠标交互样式”的选项。当鼠标悬浮在编组中的任意部件时会将编组中所有部件切换成MouseOver(鼠标悬浮状态)时的显示样式。

 

编组动作设置

在8.x版本中,动作也可以设置给编组。当在Case Editor对话框中配置如下图所示的隐藏部件的动作时,可以选择隐藏整个编组,而不是一个单独的部件。

Axure RP 8 Beta - 编组功能

有了8.x版本提供的编组新功能特性,可以通过使用更多的编组来解决问题,而无需创建过多的动态面板(译注:过多的动态面板会影响执行效率,导出的文档也会偏大)。

关于Axure RP 8 Beta的更多学习内容:

Axure RP 8 Beta测试版已发布(附网盘下载地址)设计区域(待译)默认部件库(待译)部件样式(待译)

即将更新文章:钢笔工具、流程图表的改进、新的动作和动画、新的事件、快照部件、打印指南和配置、在Axure Share中托管团队项目、中继器更新。

作者:

【译】学习Axure RP 8 Beta - 编组功能

Shunz@UX

Something about UX.

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8231/

(0)
iouedioued
上一篇 2015-08-18
下一篇 2015-08-19

相关推荐

  • Axure官方核心训练手册PDF(翻译)

    原文链接:http://www.axure.com/learn [button type="warning" text="你一定在找下载按钮! 我就是咯~" url="http://vdisk.weibo.com/lc/39hnccunqVIwNCwvF5b" open_new_tab="true"] 密码:J026  

    2015-08-13
  • axure7.0中文汉化包

    下载地址:axure7.0中文汉化包20150516 使用教程: Axure RP Pro 7.0 正式版 (不兼容 6 版) 简体中文语言包 本汉化包由小楼制作,我是UE网整理分享。 支持 Axure RP Pro 正式版 当前最新版本 7.0.0.3183 汉化方法:…

    2015-05-27
  • 『全网汇总』验证可用axure注册码|axure激活码

    我是UE网的小编:WiKi  整理出了目前市面上所有的axure激活码,学习axure的小伙伴们赶快收藏起来吧! 如发现已经过期的请联系我们进行删除,谢谢!  Axure rp pro 7.0   用户名:3ddown 激活码:FiCGEezgdGoYI…

    2015-05-29
  • Axure RP 8.0初体验 更快更爽的制作原型

    Axure RP 8.0 已经发布了,相信很多同学已经下载。没有下的可以看这个文章:Axure 8.0正式版发布,下载文件、汉化包、激活码在这里~! 但V8版本到底表现如何?新增了什么新特性,有什么用处?来自产品100的这篇文章…

    2016-05-09
  • Axure 8.0 书籍阵营又添新员:《Axure RP8产品原型设计快速上手指南》产品经理产品设计原型制作APP -非原型不设计

    阿西推荐语『我是在"非原型 不设计"的博客与Q群认识的萧何,非常早期就在网易云课堂发布了 axure 的免费课程,自己博客发布的更早,对于很多早期学习 axure 的人来是遇到萧何这种共享知识的做法非常受益,我也被这…

    2016-12-19
  • 团队项目现已在Axure RP 9中提供

    团队项目现在可以在最新版本的Axure RP 9 beta中获得!请查看以下步骤以开始使用。 在RP 9中创建一个新的团队项目 转到文件>新团队项目或团队>从当前文件创建团队项目。 为团队项目命名。 为团队项目创建新工…

    2019-04-04
  • 【Axure原型设计】手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2015-10-14
  • 在线预览Axure文件,使用新浪SAE发布在线Axure文档

      俗话说,不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系,扯开了讲可是长篇大论,比如知乎上这个问题:IT 行业产品经理(尤其是创业的)需要懂技术吗?懂到什么程度?,以及这个:…

    2016-01-07
  • Axure RP 8.0新功能解析

    这个版本强化了Axure的三个核心功能——原型、交付,和协作。 8.0 Beta版改动相当之大,且这几个月会有一些重要更新,我们一起期待吧 :) 用户界面 1.合并了三个部分:部件交互和注释、部件属性和样式、页面属性。将…

    2016-05-09
  • Axure RP 8 BETA

    新一代的Axure 8.0 现在推出 beta版本   [button type="danger" text="官网下载beta版本" url="http://www.axure.com/beta" open_new_tab="true"] 快速下载地址: Win版下载地址:http://pan.baidu.com/s/1o6p…

    2015-08-13