Axure RP小部件使用教程

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



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



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



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

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



组上的交互 VS 包含的小部件
组具有一些与其包含的小部件可能具有的相同的事件（例如Click 或 Tap），这可能会导致冲突。如果一个组及其包含的一个小部件在同一事件上设置了动作，则将执行小部件的动作而不是该组的动作。