当你想把多个元件作为一个整体进行移动,编辑或设置交互时,你可以将这些元件组合。然后你就可以基于这个元件组合进行相关操作,而不是基于其中的某一个元件。
1. 组合及取消组合
要想将两个或两个以上的元件组合在以前,选中它们后,点击顶部工具栏中的“组合”图标;想要取消组合,则选中组合后,点击“取消组合”图标。
在概要面板中,组合以文件夹的形式显示,组合中的元件在文件夹下排列显示。你可以通过将元件拖入到组合的文件夹中以便将其加入组合,同样,你也可以将组合中的元件拖出文件夹以将其从组合中移除。
你也可以向画布中的元件组合中添加元件。双击组合,然后选中组合中的一个元件,这时会在组合周围显示一个加粗的边框,来显示组合的边界。这时候你向画布中添加的任何元件,都会被自动添加到组合中。
2. 编辑组合和它的内容
针对组合的编辑,也同样会应用到它所包含的元件上。调整组合的尺寸,同样也会改变组合内的元件的尺寸;编辑组合的样式属性,例如字体或填充色,也同样会应用到组合内的元件上。
注意:并不是所有针对组合的更改,都会应用到其包含的元件上,仅仅是在元件支持这种更改时才可以。例如,中继器元件不可以更改尺寸,所以当组合中有一个中继器元件时,中继器元件的尺寸,不会随着组合的尺寸改变而改变。
要编辑组合中的某个元件,在画布上,双击组合中的元件以选中,或在概要面板中直接选中该元件。
3. 特殊交互
触发鼠标样式效果
默认情况下,组合中的支持鼠标样式效果的元件是这样工作的:当在Web浏览器中,鼠标悬停或点击元件时,该元件会显示鼠标样式效果。然而,你可以选择一次性触发组合中所有元件的鼠标样式效果,只需要将鼠标悬停或点击元件组合的任何区域,包括空白区域。
想要实现这种效果,选中组合后,点击交互面板中的“新建交互”,在交互样式中选择鼠标样式。
将动作作用于组合
像其他元件一样,也可以将动作直接作用于组合上。在配置诸如“显示/隐藏元件”动作时,你可以将其作用于元件组合,这样就可以将组合中的所有元件显示或隐藏。
提示:当你想显示或隐藏一个用户表单,一个对话框或或一个结构时,请使用元件组合。
组合上的交互与组合中元件上的交互
元件组合有一些和它包含的元件相同的事件,例如点击和Tab,这将会导致冲突。如果针对元件组合及组合中的元件相同的事件设置了不同的动作,那么最终执行的将会是元件上的动作,而不是组合上的动作。 e