Zebra入门 互动版

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

Border


  在UI设计中,样式才是画龙点睛之笔,下面我们来学习一下zebra中一些基本的样式设置。

  Border类可以为创建一个边框样式对象,用来为UI元素添加边框效果。

//创建按钮
var button = new zebra.ui.Button();
//创建红色边框
var border= new zebra.ui.Border('red');
//设置按钮边框
button.setBorder(border);

  与HTML中的border类似,Border有三个参数,依次分别是 color (颜色)、 width (宽度)、 radius (圆角)。

//创建一个宽2,红色的Border
new zebra.ui.Border("red",3);
为button设置Boder样式,宽度4,圆角属性为5。