布局

　　 Zebra 中Layout模块用于UI布局。

　　在前面我们学习组件时，经常会使用setBounds方法来将组件绘制到画布的指定位置。然而采用这样的方式，我们需要在组件的位置计算上耗费大量的精力，这样就显得不够高效，下面我们一起来学习如何使用layout进布局。

　　Layout支持几种不同的布局方式：

• StackLayout：栈布局，采用这种布局方式时，组件会填充满整个布局空间。
• BorderLayout：边界布局，该布局将空间分五个部分：上、下、左、右、中，这样一来我们可以方便的把组件添加到指定区域。
• PercentLayout：百分比布局，顾名思义，组件根据设置的百分比填充到布局空间中。
• FlowLayout：流式布局，该布局通过设置组件对其方式来控制组件的排列。
• RasterLayout：栅格布局，该布局为zebra默认布局方式，将空间进行栅格划分，准确的将组件添加到布局空间。
• ListLayout：列表布局，将布局空间中的组件垂直排列。
• GridLayout：网格布局，将布局空间划分成“网格”状，组件可以添加到指定的网格中。