HT for web Class: ColorDrawable

new ColorDrawable(color, radius)

ColorDrawable 类从 ht.ui.drawable.Drawable 继承，重写了 draw 方法在绘制区域内绘制颜色

Parameters:

Name	Type	Description
`color`	color	要绘制的颜色值
`radius`	Number \| Array	绘制范围的圆角半径，配合此参数可绘制圆角矩形

Extends

ht.ui.drawable.Drawable

Methods

addPropertyChangeListener(listener, scope, ahead)

增加属性事件变化监听函数

Parameters:

Name	Type	Argument	Description
`listener`	function		监听器函数
`scope`	Object	<optional>	函数域
`ahead`	Boolean	<optional>	是否将当前监听器插入到监听器列表开头

Inherited From:

ht.ui.drawable.Drawable#addPropertyChangeListener

draw(x, y, width, height, data, view, dom)

绘制内容

Parameters:

Name	Type	Argument	Description
`x`	Number		绘制范围的 x 坐标
`y`	Number		绘制范围的 y 坐标
`width`	Number		绘制范围的宽度
`height`	Number		绘制范围的高度
`data`	ht.Data	<optional>	绘制相关的 Data 对象，如绘制树组件中节点的 icon 时，可以用此参数判断出当前在绘制哪个节点
`view`	ht.View		当前在绘制的组件
`dom`	HTMLElement	<optional>	当前在绘制的 dom 对象，绝大多数组件无需考虑这个参数(因为只有一个绘制 canvas)，特殊的是右键菜单，每个子菜单都是一个单独的 canvas，这种情况下才有这个参数

Inherited From:

ht.ui.drawable.Drawable#draw

Example

 // 下面这段代码绘制了一个矩形
function MyDrawable() {
	MyDrawable.superClass.constructor.call(this);
}
ht.Default.def(MyDrawable, ht.ui.drawable.Drawable, {
	draw: function(x, y, width, height, data, view, dom) {
		var g = view.getRootContext(dom);
		g.beginPath();
		g.rect(x, y, width, height);
		g.fillStyle = 'red';
		g.fill();
	}
});

firePropertyChange(property, oldValue, newValue, compareFunc) → {Boolean}

派发属性变化事件

Parameters:

Name	Type	Argument	Description
`property`	String		属性名
`oldValue`	Object		属性变化之前的值
`newValue`	Object		属性变化之后的值
`compareFunc`	function	<optional>	比较函数，用于比较新值和旧值是否一致，如果一致则不会派发事件

Inherited From:

ht.ui.drawable.Drawable#firePropertyChange

Returns:

事件是否派发成功

Type: Boolean

fp(property, oldValue, newValue, compareFunc) → {Boolean}

派发属性变化事件，firePropertyChange 的缩写

Parameters:

Name	Type	Argument	Description
`property`	String		属性名
`oldValue`	Object		属性变化之前的值
`newValue`	Object		属性变化之后的值
`compareFunc`	function	<optional>	比较函数，用于比较新值和旧值是否一致，如果一致则不会派发事件

Inherited From:

ht.ui.drawable.Drawable#fp

Returns:

事件是否派发成功

Type: Boolean

getColor() → {color}

获取要绘制的颜色

Returns:

要绘制的颜色值

Type: color

getRadius() → {Number|Array}

获取绘制范围的圆角半径

Returns:

圆角半径；如果是数组，则表示[左上圆角半径, 右上圆角半径, 左下圆角半径, 右下圆角半径]

Type: Number | Array

mp(listener, scope, ahead)

增加属性事件变化监听函数，addPropertyChangeListener 的缩写

Parameters:

Name	Type	Argument	Description
`listener`	function		监听器函数
`scope`	Object	<optional>	函数域
`ahead`	Boolean	<optional>	是否将当前监听器插入到监听器列表开头

Inherited From:

ht.ui.drawable.Drawable#mp

removePropertyChangeListener(listener, scope)

删除属性事件变化监听器

Parameters:

Name	Type	Argument	Description
`listener`	function		监听器函数
`scope`	Object	<optional>	函数域

Inherited From:

ht.ui.drawable.Drawable#removePropertyChangeListener

setColor(color)

设置要绘制的颜色

Parameters:

Name	Type	Description
`color`	color	要绘制的颜色值，如'red'、'#00ff00' 等

setRadius(radius)

设置绘制范围的圆角半径，配合此参数可绘制圆角矩形

Parameters:

Name	Type	Description
`radius`	Number \| Array	圆角半径；如果是数组，则表示[左上圆角半径, 右上圆角半径, 左下圆角半径, 右下圆角半径]

ump(listener, scope)

删除属性事件变化监听器，removePropertyChangeListener 的缩写

Parameters:

Name	Type	Argument	Description
`listener`	function		监听器函数
`scope`	Object	<optional>	函数域

Inherited From:

ht.ui.drawable.Drawable#ump