面板布局
为满足用户对排版的不同需求,提供了横向按百分比划分多列的分列式、根据组件宽高灵活排版的自由式。
分列式特点
- 常用于将面板分成多列展示组件的情况,组件不能跨列;
- 列宽按百分比来设置,如下图三列,分别是33%、33%、34%;
- 在分列式中组件宽动态改成其放置列的宽度,调整宽度也是整列统一调整;
- 组件放置在列内时,将自动按顺序从上向下排列。
自由式特点 - 常用于更加灵活的排版情况,跨行跨列均可;
- 组件在面板中初始的宽高就是在组件信息中设置的宽高,可任意拖拽宽高。
分列式操作步骤
1. 设置列数;
2. 设置每列的宽度,可手动设置百分比,也可拖动列分割线直观设置;
3. 添加组件,见《添加组件》部分;
4. 自由拖放组件的位置,在哪一列,或在列的哪个位置。
自由式操作步骤
1. 添加组件;
2. 自由拖拽排版,拖动组件位置,网点吸附对齐;也可拖拽组件的宽高,使其达到更适合面板的尺寸。