专栏名称: AT阿宝哥
15年IT互联网从业经验,专注产品方案,人才...
目录
相关文章推荐
纪念币预约信息  ·  3月,4币1钞即将发行,记得约! ·  13 小时前  
纪念币预约信息  ·  开始预约!一二五分纸币!10张9.9包邮! ·  昨天  
小易说钱  ·  2025年,这些纪念币,必约! ·  2 天前  
51好读  ›  专栏  ›  AT阿宝哥

《Axure官方文档译读》之0304:Widget Groups(部件组合)

AT阿宝哥  · 简书  ·  · 2020-01-09 01:17

正文

Axure RP

1、Widget Groups

部件组合

widget groups

When you have several widgets you'd like treat as one item for purposes of moving, editing, or applying interactions, you can group them. Then instead of working with each widget separately, you can work with the group itself to affect all of its contained widgets.
当您有几个小部件时,为了移动、编辑或应用交互,您希望将它们作为一个项目来处理,您可以对它们进行分组。然后,您可以使用组本身来影响其包含的所有小部件,而不是单独处理每个小部件。

2、Grouping and Ungrouping

组合和取消组合

To group two or more widgets together, select them and click Group in the top toolbar. To break apart a group of widgets, select it and click Ungroup .

要将两个或多个小部件组合在一起,请选择它们并单击顶部工具栏中的** group 。要拆分一组小部件,请选择它并单击 Ungroup**。

grouping and ungrouping widgets

Groups appear in the Outline pane as folders, and contained widgets are listed under the folder. You can add a widget to an existing group by dragging it into the group's folder. Similarly, you can remove a widget from a group by dragging it out of the folder.

组以文件夹的形式出现在“ 大纲 ”窗格中,包含的小部件列在文件夹下。您可以将小部件拖放到现有组的文件夹中,从而将其添加到现有组。类似地,您可以通过将小部件拖出文件夹从组中删除它。

You can also add widgets to a group on the canvas. Double-click the group to select one of its contained widgets. This will place a thick border around the entire group, showing its boundaries. Any widgets you add to the canvas while in this mode will be added to the group.
您还可以向画布上的组添加小部件。双击该组以选择其中一个包含的小部件。这将在整个组周围放置一个粗边框,显示其边界。在此模式下添加到画布的任何小部件都将添加到组中。

3、# Editing a Group and Its Contents
编辑组和它的内容

Edits you make to a group are also applied to its contained widgets. Changing a group's dimensions will proportionally resize widgets in the group, and editing a group's style properties, such as font face or fill color, will apply those changes to the contained widgets as well.

对组进行的编辑也应用于组中包含的小部件。更改组的维度将按比例调整组中的小部件的大小,而编辑组的样式属性(如字体面或填充颜色)也将对包含的小部件应用这些更改。

Note
提示

Group-level changes are only applied to widgets for whom the change is possible. For example, repeater widgets cannot be resized, so a repeater in a group will not be resized when the group is resized.
组级更改仅应用于可能更改的小部件。例如,repeater小部件无法调整大小,因此在组调整大小时,不会调整组中的repeater的大小。

To edit the widgets in a group individually, double-click one of the contained widgets on the canvas or select it in the Outline pane.

要单独编辑组中的小部件,双击画布上包含的小部件之一,或在 Outline 窗格中选择它。

4、Special Interactions

特殊的交互

4.1、Fire Mouse Style Effects

火焰鼠标样式效果

By default, widgets with mouse style effects inside groups work as usual: The style effect is shown when you mouse over or click on the widget in the web browser. You can, however, choose to fire the style effects of all contained widgets at once when you mouse over or click on any part of the group itself, including any empty space between widgets.

默认情况下,在组中使用鼠标style effects的小部件与往常一样工作:当您在web浏览器中鼠标单击小部件时,将显示样式效果。但是,您可以选择在鼠标悬停或单击组本身的任何部分(包括小部件之间的任何空白)时立即触发所包含的所有小部件的样式效果。

To do so, select the group and check the box for Fire Mouse Style Effects in the More Properties menu of the Interactions pane.
为此,在“ 交互 ”窗格的“ More Properties ”菜单中,选择“组”并选中“ Fire Mouse Style Effects ”复选框。

4.2、Targeting Groups with Actions

有行动的目标群体







请到「今天看啥」查看全文