交互学堂
专注分享专业知识

【译】学习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中托管团队项目、中继器更新。

作者:

Shunz@UX

Something about UX.

 

未经允许不得转载:IAMUE_专业交互设计平台 » 【译】学习Axure RP 8 Beta – 编组功能

交互设计问答社区

寻找答案发起提问