annieUI.DrawingBoard Class
小游戏不支持 小程序不支持
画板类Item Index
Methods
- _updateSplitBounds
- addEventListener
- addSound
- Bitmap
- cancel
- clearCustomTransform
- destroy
- dispatchEvent
- DisplayObject
- DrawingBoard
- getDrawRect
- getSound
- getWH
- globalToLocal
- hasEventListener
- hitTestPoint
- localToGlobal
- removeAllEventListener
- removeEventListener
- removeSound
- reset
- startDrag
- stopAllSounds
- stopDrag
Properties
Methods
_updateSplitBounds
()
private
更新boundsList矩阵
addEventListener
-
type -
listener -
useCapture
Parameters:
Returns:
Example:
this.addEventListener(annie.Event.ADD_TO_STAGE,function(e){console.log(this);}.bind(this));addSound
-
sound
返回一个id，这个id你要留着作为删除他时使用。 这个声音会根据这个显示对象添加到舞台时播放，移出舞台而关闭
Parameters:
-
soundannie.Sound
Returns:
Bitmap
-
bitmapData -
rect
Parameters:
-
bitmapDataImage | Video | Canvas一个HTMl Image的实例,小程序或者小游戏里则只能是一个图片的地址 -
rectannie.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
-
transId
如果你在mc更改了对象的x y scale rotation alpha，最后想还原，不再需要自我控制，可以调用这方法
Parameters:
-
transIdNumber//0->x,1->y,2->scaleX,3->scaleY,4->rotation,5->alpha,-1->all
destroy
()
Void
public
Returns:
dispatchEvent
-
event -
data -
useCapture
Parameters:
-
eventannie.Event | String广播所带的事件对象,如果传的是字符串则自动生成一个annie.Event对象,事件类型就是传入进来的字符串的值 -
dataObject广播后跟着事件一起传过去的其他任信息,默认值为null -
useCaptureBooleantrue 捕获阶段 false 冒泡阶段 默认 true
Returns:
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
()
public
DrawingBoard
-
width -
height -
bgColor
构造函数
getWH
()
W: number; h: number
获取宽高
Returns:
}
hitTestPoint
-
hitPoint -
isGlobalPoint
点击碰撞测试,就是舞台上的一个point是否在显示对象内,在则返回该对象，不在则返回null
Parameters:
-
hitPointannie.Point要检测碰撞的点
-
isGlobalPointBoolean是不是全局坐标的点,默认false是本地坐标
Returns:
removeAllEventListener
()
Void
public
Returns:
removeEventListener
-
type -
listener -
useCapture
Parameters:
Returns:
startDrag
-
isCenter -
bounds
启动鼠标或者触摸拖动
Parameters:
-
isCenterBoolean指定将可拖动的对象锁定到指针位置中心 (true)，还是锁定到用户第一次单击该对象的位置 (false) 默认false
-
boundsannie.Rectangle相对于显示对象父级的坐标的值，用于指定 Sprite 约束矩形
Returns:
stopAllSounds
()
Void
public
停止这个显示对象上的所有声音
Returns:
stopDrag
()
停止鼠标跟随
Properties
bgColor
Any
public
背景色 可以是任何的颜色类型
bitmapData
Any
public
小游戏不支持 小程序不支持
HTML的一个Image对象或者是canvas对象或者是video对象Default: null
cacheAsBitmap
Unknown
是否将这个对象缓存为位图了
drawColor
Any
public
绘画颜色, 可以是任何的颜色类型
height
Unknown
public
获取或者设置显示对象在父级里的y方向的高,不到必要不要用此属性获取高 如果你要同时获取宽高，建议使用getWH()方法获取宽和高
hitArea
Unknown
annie.Sprite显示容器的接受鼠标点击的区域。一但设置，容器里所有子级将不会触发任何鼠标相关的事件。 相当于 mouseChildren=false,但在有大量子级显示对象的情况下，此方法的性能搞出mouseChildren几个数量级，建议使用。
Sub-properties:
-
rectannie.Rectangle
instanceId
Number
public
Example:
//获取 annie引擎类对象唯一码
console.log(this.instanceId);name
String
public
每一个显示对象都可以给他命一个名字,这样我们在查找子级的时候就可以直接用this.getChildrndByName("name")获取到这个对象的引用
Default: ""
stage
Stage
public
此显示对象所在的舞台对象,如果此对象没有被添加到显示对象列表中,此对象为空。
Default: null;
totalStepList
Any
protected
总步数数据
width
Unknown
public
获取或者设置显示对象在父级里的x方向的宽，不到必要不要用此属性获取高 如果你要同时获取宽高，建议使用 getWH()方法获取宽和高
Events
ADD_TO_STAGE
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显示对象从舞台移出事件