小部件组
当您有多个Axure RP小部件时,为了移动、编辑或应用交互而希望将它们视为一个项目,您可以将它们分组。然后,您可以使用组本身来影响其包含的所有小部件,而不是单独使用每个小部件。

Axure RP分组和取消分组
要组合两个或多个部件一起,选择它们并点击组顶部工具栏中即可。要拆分一组小部件,请选择它并单击取消组合。

组在大纲窗格中显示为文件夹,包含的小部件列在文件夹下。您可以通过将小部件拖到组的文件夹中来将小部件添加到现有组。同样,您可以通过将小部件拖出文件夹来从组中删除小部件。
您还可以将小部件添加到画布上的组中。双击该组以选择其包含的小部件之一。这将在整个组周围放置一个粗边框,显示其边界。在此模式下添加到画布的任何小部件都将添加到组中。
Axure RP编辑组及其内容
您对组所做的编辑也会应用于其包含的小部件。更改组的尺寸将按比例调整组中小部件的大小,编辑组的样式属性(例如字体或填充颜色)也会将这些更改应用于包含的小部件。
组级别的更改仅应用于可以更改的小部件。例如,转发器小部件无法调整大小,因此在调整组大小时不会调整组中的转发器大小。
要单独编辑组中的小部件,请双击画布上包含的小部件之一或在“大纲”窗格中选择它。
Axure RP调整约束
您可以在“样式”窗格中对组中的小部件(或包含在父组中的组)应用大小调整约束,以锁定小部件与组边缘或组的垂直或水平中心的距离。
然后,每当调整组大小时,任何应用了约束的小部件或嵌套组将始终保持与固定边缘或垂直或水平中心的绝对距离,具体取决于您启用的选项。
您还可以通过选择固定宽度或固定高度图标在调整组大小时锁定小部件的宽度或高度。

还可以通过Sketch、Figma和Adobe XD插件从复制并粘贴到 Axure RP 的资产中导入约束 。

特别互动
推/拉组

显示或隐藏小部件或更改面板状态时,您可以选择在下方或向右推拉小部件,以便为显示的小部件腾出空间,或关闭隐藏的小部件腾出的空间。
对于小部件组,只要组的边界框位于移动区域内,即显示或隐藏的参考小部件左上角下方的区域,就会推动或拉动整个组。
如果组的边界框不在移动区域内,则不会推动或拉动整个组。相反,只有在移动区域中的组内的单个小部件才会被推或拉。
火鼠标样式效果
默认情况下,组内具有鼠标样式效果的小部件照常工作:当您将鼠标悬停在或单击 Web 浏览器中的小部件时,将显示样式效果。但是,当您将鼠标悬停在或单击组本身的任何部分(包括小部件之间的任何空白区域)时,您可以选择立即触发所有包含的小部件的样式效果。
为此,请选择该组并在交互窗格中选中Fire Mouse Style Effects框。
以行动为目标群体
操作可以像任何其他小部件类型一样应用于组。在配置Show/Hide Widget 等操作时,您可以选择要显示或隐藏的组而不是单个小部件。这将隐藏该组及其包含的所有小部件。
当您想要显示或隐藏用户输入表单、对话框或模式时,请使用小部件组。

还可以通过Sketch、Figma和Adobe XD插件从复制并粘贴到 Axure RP 的资产中导入约束 。

特别互动
推/拉组

显示或隐藏小部件或更改面板状态时,您可以选择在下方或向右推拉小部件,以便为显示的小部件腾出空间,或关闭隐藏的小部件腾出的空间。
对于小部件组,只要组的边界框位于移动区域内,即显示或隐藏的参考小部件左上角下方的区域,就会推动或拉动整个组。
如果组的边界框不在移动区域内,则不会推动或拉动整个组。相反,只有在移动区域中的组内的单个小部件才会被推或拉。
火鼠标样式效果
默认情况下,组内具有鼠标样式效果的小部件照常工作:当您将鼠标悬停在或单击 Web 浏览器中的小部件时,将显示样式效果。但是,当您将鼠标悬停在或单击组本身的任何部分(包括小部件之间的任何空白区域)时,您可以选择立即触发所有包含的小部件的样式效果。
为此,请选择该组并在交互窗格中选中Fire Mouse Style Effects框。
以行动为目标群体
操作可以像任何其他小部件类型一样应用于组。在配置Show/Hide Widget 等操作时,您可以选择要显示或隐藏的组而不是单个小部件。这将隐藏该组及其包含的所有小部件。
当您想要显示或隐藏用户输入表单、对话框或模式时,请使用小部件组。

Axure RP小部件使用教程相关推荐

  1. Axure RP 8的安装教程

    Axure RP 8的安装教程 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:Axure RP 8 作者: ...

  2. 交互原型设计软件 Axure RP Pro 5 中文教程

    互联网的一些事 (2008.07.22 更新了Axure RP pro5 的交互部分,最下面) yixieshi 一直在用visio做交互原型和画pageflow,朋友推荐用Axure RP 4,试用 ...

  3. Axure RP 9.0安装教程

    [软件名称]: Axure RP 9.0 [软件大小]: 110.43MB [安装环境]: Win 10/Win 8/Win 7 [下载链接]: https://pan.baidu.com/s/1yx ...

  4. Axure RP小技巧:如何利用矩形制作各种形状

    技巧不在于炫,而在于实在,发现型的技巧,谁的最爱.以下以绘制圆形组件为例: Axure RP本身是没有直接提供圆形组件的,所以很多朋友在会问,如何使用Axure RP制作圆形,难道都要找美工-- Ax ...

  5. axure rp制作输入法_Axure教程丨制作自己的Axure元件库

    接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少规律,所以决定整理一个自己常用的Axure元件库,以便之后做原型设计时可以快速调取.看 ...

  6. Axure+RP+pro教程

    在实习期间的第一个要熟悉的软件-Axure                 简介: Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负 ...

  7. axure rp 创建弹框_如何在Axure RP 9中创建交换机

    axure rp 创建弹框 Axure is a well-known prototyping tool with a lot of history, it has been around for y ...

  8. 超强交互原型设计工具:Axure RP 10 Beta最新功能

    Axure RP 10 汉化版是mac上一款超强交互原型设计软件,可以让产品经理/设计师能够快速创建 App 应用或 Web 网站的线框图.流程图.原型和规格说明文档.作为专业的原型设计工具,它比一般 ...

  9. Axure RP的认识

    1,什么是Axure RP Axure RP 是一款强大的交互式原型设计工具,主要用于设计和开发富互联网应用程序(APP).网站.移动端应用及各种数字产品的原型制作和交互设计. 使用 Axure RP ...

  10. Axure RP 9如何查看和共享HTML

    如果您计划在涉及Axure RP的项目中提供HTML输出,那么您可以在整个开发过程中通过Web浏览器查看文件,以确保其正常运行.本篇文章将详细讲解Axure RP 9汉化教程--Axure RP 9如 ...

最新文章

  1. R语言相关关系可视化函数梳理(附代码)
  2. 最深刻最通俗的HTTPS 原理详解,图文并茂
  3. 7.Java中变量的隐式转换以及强类型转换
  4. Angular:where does watchers in scope come from
  5. 虚拟机linux搭建samba,搭建samba服务使在windows上使用虚拟机为linux
  6. unix进程的环境--unix环境高级编程读书笔记
  7. win7信息服务器,Windos2012 中的共享,win8/win10用户访问正常,WIN7用户不能访问
  8. 网售鞋王Zappos的戏剧性成功:做到极致
  9. UE4 C++:Interface接口
  10. 【概率论与数理统计】1.2 概率的定义及其确定方法
  11. 【情商 为什么情商比智商更重要】阅读笔记
  12. excel数据库_如何通过INTOUCH组态软件做EXCEL报表(含代码)
  13. 3D数学之-三角形网格
  14. 分享下写技术文章的思路
  15. android 地址选择下载,选择走开下载-选择走开(吃饭位置选择)下载v1.0.4 安卓版-西西软件下载...
  16. vrtualbox虚拟机全屏显示
  17. 战争艺术 java_战争艺术2网络对战版
  18. Fortran学习记录1(Fortran数据类型)
  19. python - re
  20. Java基础语法(汉罗塔)

热门文章

  1. WordPress网站配置腾讯云cdn缓存!
  2. 信号失真度测量装置(A 题)--2021 年全国大学生电子设计竞赛试题
  3. java项目启动就调用方法_Java项目启动时执行指定方法的几种方式
  4. 微信公众号网页链接失效解决方案
  5. 计算机调用打印机打印流程图,Windows打印体系结构之本地打印任务处理流程①...
  6. 解除excel打开密码
  7. IDEA更改编码颜色/主题
  8. Word设置封面无页码,摘要罗马数字页码,正文数字页码
  9. 使用WSS的Lists.UpdateListItems()方法之被截断的CAML
  10. 微信支付的appid,appsecret,商户号mchid,微信交易支付密钥在哪里查看