Zebra入门 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

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"));

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

在边界布局下,为所以区域添加组件。