Zebra入门 互动版

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

Label


  在HTML中,label标签常常用于为 input 元素定义标注,在zebra中,它依然起标注的作用。

var label = new zebra.ui.Label('Name');

  创建完UI组件,我们还需要将它添加到画布中去。

//设置label的大小以及在画布中的位置
label.setBounds(10,20,100,40);
//将label绘制到画布中
root.add(label);//root承接上文

  由于zebra基于canvas,我们在往画布中添加组件时,需要设置组件的大小及位置。

  setBounds方法用于设置UI元素的位置及大小,参数依次为水平位置(x)、垂直位置(y)、宽度(w)、高度(h)。

在画布10,10位置,添加一个宽100,高40,名为“Name”的label。