PercentLayout

　　 比例布局 顾名思义，添加到画布中的组件将会按照指定的比例分配布局空间。

var r = new zebra.ui.zCanvas(200,200).root;
r.setBorder(zebra.ui.borders.plain);
//设置布局方式
r.setLayout(new zebra.layout.PercentLayout());
//添加组件，并指定布局比例
r.add(20, new zebra.ui.Button("20%"));    
r.add(80, new zebra.ui.Button("80%"));

　　与其他布局方式不同的是，在添加组件到画布中时，需要一个 数值型参数 ，用以指定组件在布局空间中占用比例。

　　比例布局方式还有一个特点，添加的组件指定的 比例之和 不足100时，最后添加的一个组件将占据 剩余的 所有布局空间。

　　PercentLayout类有三个可选参数，用途分别是指定组件 排列方式 、 间隔 和 是否拉伸 。

//设置组件的排列方式为垂直排列，间距为10px，不拉伸组件。
r.setLayout(new zebra.layout.PercentLayout(zebra.layout.VERTICAL, 10, false));