xiaopiu 原型-集合背景、滚动、尺寸调整

作者:vkvi 来源:ITPOW(原创) 日期:2019-11-26

xiaopiu 原型设计中,选中多个控件,按 Ctrl + G 可以将这些控件组合成一个集合,集合可以包含子集合。

一旦形成一个集合,就会有一个虚拟的包围。比如集合中有两个元素,元素之间本来有间隙的,如果我们为集合设置背景,这个间隙就会表现为集合的背景色。

xiaopiu 原型

如果要实现溢出滚动的话,就选中“溢出滚动”的对应属性,有点类似于 CSS 的 x-overflow:scroll; y-overflow:scroll。

再说一个初次使用比较头大的集合尺寸。前面提到有一个虚拟的包围,于是我们试图调整集合的尺寸,可是发现有两点问题:一是宽高总是联动的;二是集合内的元素跟着改变大小。我们希望的是调整这个虚拟包围的大小,怎么调整呢?这就是先选中集合,此时选中边框为红色,再在内部空白处点一下,使选中边框为黑色,此时就可以调整这个集合的虚拟包围了。

相关文章