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。