Axure RP 9 基础教程 元件基础3

axure商城

11、组合元件

Axure中可以将多个元件组合起来,组合可以被命名,也可以被当成一个元件来进行交互,调整位置和大小等。选中多个元件,在顶部菜单中点击组合图标即可。选中一个组合,点击取消组合,可以就地解散。组合还可以被当成一个元件,再组合。就是说组合中包含组合也可以。

单击组合里的任何一个元件,会选中整个组合。然后双击其中一个元件,可以选中单个元件,这时可以对单个元件进行编辑。

12、元件的层次顺序

拖入画布中的多个元件是按先后顺序进行堆叠的。最先拖入的在最底层,最后拖入的在最上层。如果重叠,下层的元件会被上层的元件遮盖。在概要窗口中,元件的上下位置就代表其层级关系。默认情况下最下面的元件就是最底层。可以在概要窗口中直接拖到元件,改变其层级关系。在单个元件上,鼠标右键,在右键菜单中,找到顺序,也可以调整层级关系。

13、元件的对齐和分布

通过对齐和分布,可以快速对元件的位置进行排列,调整。

左侧对齐,以元件左侧边线对齐。对齐位置以第一个选中的元件的左侧边线为基准。

右侧对齐,以元件右侧边线对齐。对齐位置以第一个选中的元件的右侧边线为基准。

垂直中线对齐。同样的道理。

顶部对齐、底部对齐、水平中线对齐。原理一样。

注意:至少选中两个元件才可以进行对齐操作。至少选中三个元件才可以进行分布操作。不然对应的按钮是灰色的。

分布是用来调整三个或三个以上元件之间的间距的。一般我们先要将元件对齐后,再操作分布。水平分布:选中所有元件,顶部对齐。然后确定最左边和最右边的元件位置。保证所有元件在他们之间能够排开。点击水平分布。所有元件就在水平方向等距离排开了。

垂直分布:选中所有元件,左对齐。然后确定最上面和最下面元件的位置,保证所有元件能排开。点击垂直分布。就等距离排开了。

注意:分布是用来排间距的。一定要保证能够排开。不然会堆到一起。

axure商城

相关推荐

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

Axure RP 9 基础教程 元件基础3