new IndividualLineBorder(top, right, bottom, left, color)
IndividualLineBorder 类从 ht.ui.border.Border 继承,在组件的画布上绘制直线边框;
与 LineBorder 不同的是,此边框可以单独绘制某一个或几个方向的边框
Parameters:
Name | Type | Attributes | Description |
---|---|---|---|
top |
number | ||
right |
number |
<optional> |
|
bottom |
number |
<optional> |
|
left |
number |
<optional> |
|
color |
string |
<optional> |
Example
// 只在顶部绘制边框
button.setBorder(new ht.ui.border.IndividualLineBorder(1, 0, 0, 0, 'red'));
Extends
Methods
-
addPropertyChangeListener(listener, scope, ahead) → {void}
-
增加属性事件变化监听函数
Parameters:
Name Type Attributes Description listener
Object 监听器函数
scope
any <optional>
函数域
ahead
boolean <optional>
是否将当前监听器插入到监听器列表开头
Returns:
void- Inherited From:
-
drawBorder(x, y, width, height, view, dom) → {void}
-
绘制 border,如果自定义 border,都需要重写此函数
Parameters:
Name Type Attributes Description x
number 绘制范围的 x 坐标
y
number 绘制范围的 y 坐标
width
number 绘制范围的宽度
height
number 绘制范围的高度
view
ht.ui.View 当前在绘制的组件
dom
HTMLElement <optional>
当前在绘制的 dom 对象,绝大多数组件无需考虑这个参数(因为只有一个绘制 canvas),特殊情况下如右键菜单,每个子菜单都是一个单独的 canvas,这种情况下才有这个参数
Returns:
void- Inherited From:
-
firePropertyChange(property, oldValue, newValue, compareFunc) → {boolean}
-
派发属性变化事件
Parameters:
Name Type Attributes Description property
string 属性名
oldValue
any 属性变化之前的值
newValue
any 属性变化之后的值
compareFunc
Object <optional>
比较函数,用于比较新值和旧值是否一致,如果一致则不会派发事件
Returns:
boolean -事件是否派发成功
- Inherited From:
-
fp(property, oldValue, newValue, compareFunc) → {boolean}
-
派发属性变化事件,firePropertyChange 的缩写
Parameters:
Name Type Attributes Description property
string 属性名
oldValue
any 属性变化之前的值
newValue
any 属性变化之后的值
compareFunc
Object <optional>
比较函数,用于比较新值和旧值是否一致,如果一致则不会派发事件
Returns:
boolean -事件是否派发成功
- Inherited From:
-
getBottom() → {number}
-
返回边框底部的高度
Returns:
number -底部高度
- Inherited From:
-
getColor() → {string}
-
返回边框颜色
Returns:
string -边框颜色值,默认为 'black'
-
getLeft() → {number}
-
返回边框左侧的宽度
Returns:
number -左侧宽度
- Inherited From:
-
getRight() → {number}
-
返回边框右侧的宽度
Returns:
number -右侧宽度
- Inherited From:
-
getSerializableProperties() → {any}
-
获取可序列化的属性
Returns:
any -属性 map
- Inherited From:
-
getTop() → {number}
-
返回边框顶部的高度
Returns:
number -顶部高度
- Inherited From:
-
isCSSBorder() → {boolean}
-
此边框是否使用 CSS 设置 border
Returns:
boolean -是否是 CSS border
- Inherited From:
-
mp(listener, scope, ahead) → {void}
-
增加属性事件变化监听函数,addPropertyChangeListener 的缩写
Parameters:
Name Type Attributes Description listener
Object 监听器函数
scope
any <optional>
函数域
ahead
boolean <optional>
是否将当前监听器插入到监听器列表开头
Returns:
void- Inherited From:
-
removePropertyChangeListener(listener, scope) → {void}
-
删除属性事件变化监听器
Parameters:
Name Type Attributes Description listener
Object 监听器函数
scope
any <optional>
函数域
Returns:
void- Inherited From:
-
setBottom(bottom) → {void}
-
设置边框底部高度
Parameters:
Name Type Description bottom
number 边框底部高度,默认为 0
Returns:
void -
setColor(color) → {void}
-
设置边框颜色
Parameters:
Name Type Description color
string 边框颜色值,默认为 'black'
Returns:
void -
setLeft(left) → {void}
-
设置边框左侧宽度
Parameters:
Name Type Description left
number 边框左侧宽度,默认为 0
Returns:
void -
setRight(right) → {void}
-
设置边框右侧宽度
Parameters:
Name Type Description right
number 边框右侧宽度,默认为 0
Returns:
void -
setTop(top) → {void}
-
设置边框顶部高度
Parameters:
Name Type Description top
number 边框顶部高度,默认为 0
Returns:
void -
tearDownBorder(x, y, width, height, view, dom) → {void}
-
border 被卸载时调用,只有 CSS border 才需要重写这个函数将 CSS 清除,一般用 canvas 绘制的 border 无需重写此函数
Parameters:
Name Type Attributes Description x
number 绘制范围的 x 坐标
y
number 绘制范围的 y 坐标
width
number 绘制范围的宽度
height
number 绘制范围的高度
view
ht.ui.View 当前在绘制的组件
dom
HTMLElement <optional>
当前在绘制的 dom 对象,绝大多数组件无需考虑这个参数(因为只有一个绘制 canvas),特殊情况下如右键菜单,每个子菜单都是一个单独的 canvas,这种情况下才有这个参数
Returns:
void- Inherited From:
-
ump(listener, scope) → {void}
-
删除属性事件变化监听器,removePropertyChangeListener 的缩写
Parameters:
Name Type Attributes Description listener
Object 监听器函数
scope
any <optional>
函数域
Returns:
void- Inherited From: