BorderLayout

　　BorderLayout又名 “边界布局” ，在这种布局形式下，画布将被分割成 上 、 下 、 左 、 右 、 中 五个部分。

var r = new zebra.ui.zCanvas(200,200).root;
//设置布局方式为边界布局
r.setLayout(new zebra.layout.BorderLayout());
//添加按钮组件到“上”区域
r.add(zebra.layout.TOP,new zebra.ui.Button("TOP"));

　　添加到指定区域的组件将会填充满该区域。