1.概述
栅格布局可以将表单按列的方式划分为多个子区域,子区域可以放置多个组件。
2.基本操作
Step1:添加栅格布局
从左侧组件面板中拖入栅格布局到编辑区内,或者直接在左侧组件面板中点击栅格布局。
Step2:添加栅格
Step3:添加组件到栅格中
在左侧组件面板中拖拽组件到栅格布局中。
Step4: 设置栅格布局属性
选中栅格布局,在右侧属性面板中设置栅格布局列宽,栅格间距,栅格水平和垂直排列方式。
3.组件属性
1)水平排列方式:栅格的水平排列方式,有三种排列方式:左对齐,右对齐,居中对齐;
2)垂直排列方式:栅格的垂直排列方式,有三种排列方式:顶部对齐,底部对齐,居中对齐;
3)栅格间距:栅格之间的距离,默认为10,单位为px;
4)列配置:设置每格栅格的宽度,每行填入的数字对应从左到右每个栅格相对宽度所占的百分比,程序会自动分布,所有列加起来的和不能超过100%;
5)添加栅格:点击添加栅格可添加栅格,添加后原本栅格宽度会发生变化。
请先登录