GridLayout

　　 网格布局 是将布局空间分割成很多块，就像一张网一样，我们可以将组件添加到任意的格子中，以达到布局的目的。

var r = new zebra.ui.zCanvas(150,150).root;
r.setBorder(zebra.ui.borders.plain);
r.setLayout(new zebra.layout.GridLayout(2,2));

r.add(new zebra.ui.Button("1x1"));
r.add(new zebra.ui.Button("1x2"));
r.add(new zebra.ui.Button("2x1"));
r.add(new zebra.ui.Button("2x2"));

　　GridLayout类有两个参数，用途分别为设置网格的行和列。和HTML中的表格表现一样，同一行网格的高度相同，同一列网格的宽度相同。

var r = new zebra.ui.zCanvas(400,150).root;
r.setBorder(zebra.ui.borders.plain);
r.setLayout(new zebra.layout.GridLayout(2,2));

// add children components
r.add(new zebra.ui.Button("1x1 这个比较宽"));
r.add(new zebra.ui.Button(new zebra.ui.MLabel("1x2\n这个比较高")));
r.add(new zebra.ui.Button("2x1"));
r.add(new zebra.ui.Button(new zebra.ui.MLabel("2x2")));