【译】学习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元素库 - icons_64x64 for Axure.rplib and PSD

      Hi,下载地址在这里!记得关注哦

    2015-07-21
  • 在手机上演示axure原型

    AXSHARE APP发布啦,以后大家的原型可以通过这款APP进行预览演示咯。小编迫不及待的体验了一下这款APP。 要使用这款APP,首先需要有axshare的账号。账号注册地址:https://share.axure.com/ 然后在手机上下载AxShar…

    2015-05-28
  • 分享AXURE注册码 AXURE序列号

    很多同学安装了Axure 7.0或者Axure 6.5,但找不到Axure注册码(axure license key)。今天就为大家分享一些Axure注册码,希望大家能够做出好的产品。 本站分享的Axure注册码来源于网络,本站不保证能长期使用,也不…

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

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

    2016-12-19
  • Axure RP 9 最新版汉化包下载-小楼

    【汉化包下载】Axure RP 9测试版汉化包V1.8版 For 3623下载 【使用方法】 1、将汉化压缩包解压缩。 2、将解压缩后的lang文件夹和dll文件全部复制粘贴到软件安装根目录下。 【Windows系统汉化路径】 以Win7-64位系统…

    Axure 2018-09-18
  • 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原型设计(入门篇)

    如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可…

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

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

    2015-07-20
  • 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
  • 【译】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