FlowLayout

　　 流式布局 可以说是最为直观的一种布局方式，因为它将组件 从上到下(或从左到右) 依次排列的方式让人更容易理解和接受。

//设置布局方式为流式布局
r.setLayout(new zebra.layout.FlowLayout(
                   zebra.layout.LEFT,
                   zebra.layout.TOP, 
                   zebra.layout.VERTICAL, 2));

r.add(new zebra.ui.Button("Left-Top-Ver"));
r.add(new zebra.ui.Button("Left-Top-Ver"));
r.add(new zebra.ui.Button("Left-Top-Ver"));

　　FlowLayout类有四个参数，分别是指定组件在画布中的 水平对齐方式 、 垂直对齐方式 、 排列方式 和 组件间距 。

//设置对齐方式为居中对齐，排列方式为水平排列，间距为2。
r.setLayout(new zebra.layout.FlowLayout(
                   zebra.layout.CENTER,
                   zebra.layout.CENTER, 
                   zebra.layout.HORIZONTA, 2));