annie.TextField Class
动态文本类,有时需要在canvas里有一个动态文本,能根据我们的显示内容来改变
Methods
Properties
- alpha
- anchorX
- anchorY
- bitmapData
- blendMode
- bold
- cacheAsBitmap
- color
- filters
- font
- height
- hitArea
- hitTestWithPixel
- instanceId
- instanceType
- isCache
- italic
- lineHeight
- lines
- lineType
- mask
- matrix
- mouseEnable
- name
- parent
- property
- rotation
- scaleX
- scaleY
- size
- skewX
- skewY
- soundList
- stage
- stroke
- strokeColor
- text
- textAlign
- textAlpha
- textHeight
- textWidth
- visible
- width
- x
- y
Methods
_updateSplitBounds
_updateSplitBounds
()
private
更新boundsList矩阵
addEventListener
addEventListener
(
-
type
-
listener
-
useCapture
)
Void
public
给对象添加一个侦听
Parameters:
name | type | flag | description |
---|---|---|---|
type
| String | 侦听类型 | |
listener
| Function | 侦听后的回调方法,如果这个方法是类实例的方法,为了this引用的正确性,请在方法参数后加上.bind(this); | |
useCapture
| Boolean | true 捕获阶段 false 冒泡阶段 默认 true |
Returns:
Example:
this.addEventListener(annie.Event.ADD_TO_STAGE,function(e){console.log(this);}.bind(this));
addSound
addSound
(
-
sound
)
Void
public
返回一个id,这个id你要留着作为删除他时使用。 这个声音会根据这个显示对象添加到舞台时播放,移出舞台而关闭
Parameters:
name | type | flag | description |
---|---|---|---|
sound
| annie.Sound |
Returns:
Bitmap
Bitmap
(
-
bitmapData
-
rect
)
public
构造函数
Parameters:
name | type | flag | description |
---|---|---|---|
bitmapData
| Image | Video | Canvas | 一个HTMl Image的实例,小程序或者小游戏里则只能是一个图片的地址 | |
rect
| annie.Rectangle | 设置显示Image的区域,不设置值则全部显示Image的内容,小程序或者小游戏里没有这个参数 |
Example:
//html5
var imgEle=new Image();
imgEle.onload=function (e) {
var bitmap = new annie.Bitmap(imgEle)
//居中对齐
bitmap.x = (s.stage.desWidth - bitmap.width) / 2;
bitmap.y = (s.stage.desHeight - bitmap.height) / 2;
s.addChild(bitmap);
//截取图片的某一部分显示
var rect = new annie.Rectangle(0, 0, 200, 200),
rectBitmap = new annie.Bitmap(imgEle, rect);
rectBitmap.x = (s.stage.desWidth - bitmap.width) / 2;
rectBitmap.y = 100;
s.addChild(rectBitmap);
}
imgEle.src='http://test.annie2x.com/test.jpg';
//小程序或者小游戏
var imgEle="http://test.annie2x.com/test.jpg";
var bitmap=new annie.Bitmap(imgEle);
s.addChild(bitmap);
clearCustomTransform
clearCustomTransform
(
-
transId
)
public
如果你在mc更改了对象的x y scale rotation alpha,最后想还原,不再需要自我控制,可以调用这方法
Parameters:
name | type | flag | description |
---|---|---|---|
transId
| Number | //0->x,1->y,2->scaleX,3->scaleY,4->rotation,5->alpha,-1->all |
destroy
destroy
()
Void
public
销毁一个对象 销毁之前一定要做完其他善后工作,否则有可能会出错 特别注意不能在对象自身方法或事件里调用此方法。 比如,不要在显示对象自身的 annie.Event.ON_REMOVE_TO_STAGE 或者其他类似事件调用,一定会报错
Returns:
dispatchEvent
dispatchEvent
(
-
event
-
data
-
useCapture
)
Boolean
public
广播侦听
Parameters:
name | type | flag | description |
---|---|---|---|
event
| annie.Event | String | 广播所带的事件对象,如果传的是字符串则自动生成一个annie.Event对象,事件类型就是传入进来的字符串的值 | |
data
| Object | 广播后跟着事件一起传过去的其他任信息,默认值为null | |
useCapture
| Boolean | true 捕获阶段 false 冒泡阶段 默认 true |
Returns:
如果有收听者则返回true
Example:
var mySprite=new annie.Sprite(),
yourEvent=new annie.Event("yourCustomerEvent");
yourEvent.data={a:1,b:2,c:"hello",d:{aa:1,bb:2}};
mySprite.addEventListener("yourCustomerEvent",function(e){
console.log(e.data);
})
mySprite.dispatchEvent(yourEvent);
DisplayObject
DisplayObject
()
public
getDrawRect
getDrawRect
()
annie.Rectangle
public
获取对象形变后外切矩形 可以从这个方法中读取到此显示对象变形后x方向上的宽和y方向上的高
Returns:
getSound
getSound
(
-
id
)
Array
Parameters:
name | type | flag | description |
---|---|---|---|
id
| Number | String |
Returns:
这个对象里所有叫这个名字的声音引用数组
getWH
getWH
()
W: number; h: number
获取宽高
Returns:
}
globalToLocal
globalToLocal
(
-
point
)
annie.Point
public
将全局坐标转换到本地坐标值
Parameters:
name | type | flag | description |
---|---|---|---|
point
| annie.Point |
Returns:
hasEventListener
hasEventListener
(
-
type
-
useCapture
)
Boolean
public
是否有添加过此类型的侦听
Parameters:
name | type | flag | description |
---|---|---|---|
type
| String | 侦听类型 | |
useCapture
| Boolean | true 捕获阶段 false 冒泡阶段 默认 true |
Returns:
如果有则返回true
hitTestPoint
hitTestPoint
(
-
hitPoint
-
isGlobalPoint
)
annie.DisplayObject
public
点击碰撞测试,就是舞台上的一个point是否在显示对象内,在则返回该对象,不在则返回null
Parameters:
name | type | flag | description |
---|---|---|---|
hitPoint
| annie.Point | 要检测碰撞的点 | |
isGlobalPoint
| Boolean | 是不是全局坐标的点,默认false是本地坐标 |
Returns:
localToGlobal
localToGlobal
(
-
point
)
annie.Point
public
将本地坐标转换到全局坐标值
Parameters:
name | type | flag | description |
---|---|---|---|
point
| annie.Point |
Returns:
removeAllEventListener
removeAllEventListener
()
Void
public
移除对象中所有的侦听
Returns:
removeEventListener
removeEventListener
(
-
type
-
listener
-
useCapture
)
Void
public
移除对应类型的侦听
Parameters:
name | type | flag | description |
---|---|---|---|
type
| String | 要移除的侦听类型 | |
listener
| Function | 侦听时绑定的回调方法 | |
useCapture
| Boolean | true 捕获阶段 false 冒泡阶段 默认 true |
Returns:
removeSound
removeSound
(
-
id
)
Void
public
删除一个已经添加进来的声音
Parameters:
name | type | flag | description |
---|---|---|---|
id
| Number | String |
Returns:
startDrag
startDrag
(
-
isCenter
-
bounds
)
Void
public
启动鼠标或者触摸拖动
Parameters:
name | type | flag | description |
---|---|---|---|
isCenter
| Boolean | 指定将可拖动的对象锁定到指针位置中心 (true),还是锁定到用户第一次单击该对象的位置 (false) 默认false | |
bounds
| annie.Rectangle | 相对于显示对象父级的坐标的值,用于指定 Sprite 约束矩形 |
Returns:
stopAllSounds
stopAllSounds
()
Void
public
停止这个显示对象上的所有声音
Returns:
stopDrag
stopDrag
()
停止鼠标跟随
Properties
alpha
Number
public
显示对象透明度
Default:
1
anchorX
Number
public
显示对象上x方向的缩放或旋转点
Default:
0
anchorY
Number
public
显示对象上y方向的缩放或旋转点
Default:
0
bitmapData
Any
public
小游戏不支持 小程序不支持
HTML的一个Image对象或者是canvas对象或者是video对象Default:
null
blendMode
Number
public
显示对象的混合模式 支持的混合模式大概有23种,具体查看annie.BlendMode
Default:
0
bold
Boolean
public
文本是否加粗
Default:
false
cacheAsBitmap
Unknown
是否将这个对象缓存为位图了
color
String
public
文本的颜色值
Default:
#fff
filters
Array
public
小游戏不支持 小程序不支持
显示对象的滤镜数组Default:
null
font
String
public
文本的css字体样式
Default:
12px Arial
height
Unknown
public
获取或者设置显示对象在父级里的y方向的高,不到必要不要用此属性获取高 如果你要同时获取宽高,建议使用getWH()方法获取宽和高
hitArea
Unknown
annie.Sprite显示容器的接受鼠标点击的区域。一但设置,容器里所有子级将不会触发任何鼠标相关的事件。 相当于 mouseChildren=false,但在有大量子级显示对象的情况下,此方法的性能搞出mouseChildren几个数量级,建议使用。
Sub-properties:
-
rect
annie.Rectangle
hitTestWithPixel
Boolean
小游戏不支持 小程序不支持
是否对图片对象使用像素碰撞检测透明度,默认关闭Default:
false
instanceId
Number
public
每一个annie引擎对象都会有一个唯一的id码。
Example:
//获取 annie引擎类对象唯一码
console.log(this.instanceId);
instanceType
String
public
每一个annie类都有一个实例类型字符串,通过这个字符串,你能知道这个实例是从哪个类实例而来
isCache
Boolean
是否被缓存了
italic
Boolean
public
文本是否倾斜
Default:
false
lineHeight
Unknown
public
Sub-properties:
-
value
Number
lines
Number
public
获取当前文本行数
lineType
String 两种 single和multi
public
文本类型,单行还是多行 single multi
Default:
single
mouseEnable
Boolean
public
是否可以接受点击事件,如果设置为false,此显示对象将无法接收到点击事件
Default:
false
name
String
public
每一个显示对象都可以给他命一个名字,这样我们在查找子级的时候就可以直接用this.getChildrndByName("name")获取到这个对象的引用
Default:
""
property
Unknown
public
设置或获取是否有边框
Sub-properties:
-
show
Booleantrue或false
rotation
Number
public
显示对象旋转角度
Default:
0
scaleX
Number
public
显示对象x方向的缩放值
Default:
1
scaleY
Number
public
显示对象y方向的缩放值
Default:
1
size
Number
public
文本的size
Default:
12
skewX
Number
public
显示对象x方向的斜切值
Default:
0
skewY
Number
public
显示对象y方向的斜切值
Default:
0
soundList
Array
public
当前对象包含的声音列表
Default:
[]
stage
Stage
public
此显示对象所在的舞台对象,如果此对象没有被添加到显示对象列表中,此对象为空。
Default:
null;
stroke
Unknown
描边宽度 默认为0,不显示. 值为正数则是外描边,值为负数则是内描边
Sub-properties:
-
value
Number
strokeColor
Unknown
描边颜色 默认黑色
Sub-properties:
-
value
String
text
String
public
文本内容
Default:
""
textAlign
String
public
文本的对齐方式
Default:
left
textAlpha
Unknown
public
textHeight
Number
public
文本的行高
Default:
0
textWidth
Number
public
文本的宽
Default:
0
visible
Boolean
public
显未对象是否可见
Default:
0
width
Unknown
public
获取或者设置显示对象在父级里的x方向的宽,不到必要不要用此属性获取高 如果你要同时获取宽高,建议使用 getWH()方法获取宽和高
x
Number
public
显示对象位置x
Default:
0
y
Number
public
显示对象位置y
Default:
0
Events
ADD_TO_STAGE
annie.DisplayObject显示对象加入到舞台事件
CLICK
String
annie.DisplayObject鼠标或者手指单击
ENTER_FRAME
annie.DisplayObject显示对象 循环帧事件
MOUSE_DOWN
annie.DisplayObject鼠标或者手指按下事件
MOUSE_MOVE
annie.DisplayObject鼠标或者手指移动事件
MOUSE_OUT
annie.DisplayObject鼠标或者手指移出显示对象边界触发的事件
MOUSE_OVER
annie.DisplayObject鼠标或者手指移入到显示对象上里触发的事件
MOUSE_UP
annie.DisplayObject鼠标或者手指抬起事件
REMOVE_TO_STAGE
annie.DisplayObject显示对象从舞台移出事件