【译】学习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

相关推荐

  • 交互设计师成长分为三个阶段

    提起交互设计,它既没有界面视觉设计绚丽,也没有用户体验设计有趣,看起来枯燥乏味,学起来复杂难懂,但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的,无论薪资还是技术。(以上海地区为例)但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和,现在从事这个行业没机会了。照这么说,公务员是我见过的饱和度最高的行业了,但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样,往往最底层的那一部...

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

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

    2016-12-19
  • axure元件下载:Axure 7.0 ios8元件库1.2最新版

    axure 元件下载 注意事项: 1、本元件库中的字体图标以及部分元件使用时,需要双击安装1.2版本的压缩包中的TFF字体文件,并重新启动Axure,否则拖进编辑区不能正常显示。 2、如果在本机演示原型,无需进行其他设置…

    2015-07-20
  • axure官方原版教材(英文)

    AxureCoreTraining axure rp 官方教程,PDF免费下载 推荐阅读英文版,翻译的毕竟有些差异的。   点我下载AxureCoreTraining 

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

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

    2015-05-29
  • 别闹,你以为学个Axure就算懂交互设计了?

    前些日子在一个产品、交互设计交流群里,有几个初学交互不久的人讨论如何学习交互,不出意外地他们的讨论方向拐到了Axure、墨刀等交互原型制作工具的使用上。从他们的言谈中看得出,他们觉得交互就是做界面原型,做…

    2015-09-11
  • axure 7.0元件汉化

    补充原作者的Axure汉化文件未汉化的部分,不属于软件,是元件栏的两个默认元件库。这里放出汉化包。 安装说明在压缩包里。 axure7元件汉化

    2015-05-28
  • AxureRP8从8.0.0.3318改变了授权验证,教师与学生可以申请免费 key!

    #交互学堂##Axure#RP8.0.0.3318更改授权验证机制,旧的授权名以及密码将会失效。 划重点:个人用户除了购买正版软件,也可以暂时维持当前版本不做升级,当然这也是以失去软件的稳定性为代价。这也就意味着一段时间…

    2016-10-31
  • Axure RP 8.0 + 汉化包下载

    官方下载地址: FOR WINDOWS BETA FOR Mac BETA 网盘下载地址: Win版下载地址 Mac版下载地址 Axure RP 8.0 汉化包下载: Win自动汉化Axure RP 8.0 安装文件 通用Axure RP 8.0 汉化文件 注意:Win自动汉化程序只支…

    2015-08-24
  • 【译】Axure RP 8 Beta 官方教程 - 钢笔工具

    From: Learn Axure RP 8 Beta: Pen Tool(http://www.axure.com/c/blog/160-learn-axure-rp-8-beta-pen-tool.html)   Axure RP 8 引入了一个新的钢笔工具功能用来绘制自定义形状。自定义形状是基于矢量的,这…

    2015-09-08