Zebra入门 互动版

Cursor


  在UI设计中,我们通常会为不同的组件设置特定的光标效果,以此来标示组件的功能或状态,比如将可点击按钮光标设置成小手形状,将正在加载的区域光标设置成转动的圆圈等。

  zebra 中,通过设置组件的cursorType属性来改变光标效果。

var button = new zebra.ui.Button('button');
//设置按钮光标为小手形状
button.cursorType = 'pointer';

  cursorType可以设置成字符串,还可以通过 zebra 内置的Cursor枚举来设置光标样式。

var button = new zebra.ui.Button('button');
//设置按钮光标为小手形状
button.cursorType = zebra.ui.Cursor.HAND;
将按钮光标设置成“help”效果。