AnnieJS API Docs for: 1.1.3
show:

annie.FloatDisplay Class

Module: annie

Available since 1.0.0

此类对于需要在canvas上放置html其他类型元素的时候非常有用
比如有时候我们需要放置一个注册,登录或者其他的内容.这些内容包含了输入框
或者下拉框什么的,无法在canvas里实现,但这些元素又跟canvas里面的元素
位置,大小,缩放对应.就相当于是annie里的一个显示对象一样。可以随意设置他的
属性,那么将你的html元素通过此类封装成annie的显示对象再合适不过了

Methods

_changeMouseCount

(
  • type
  • isAdd
)
private

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:135

Available since 1.0.0

增加或删除相应mouse或touch侦听记数

Parameters:

_onDispatchBubbledEvent

(
  • type
  • updateMc
)
private

Inherited from annie.DisplayObject: libs/DisplayObject.js:668

Available since 1.0.0

调用些方法会冒泡的将事件向显示列表下方传递

Parameters:

  • type String
  • updateMc Boolean

    是否更新movieClip时间轴信息

addEventListener

(
  • type
  • listener
)
public

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:107

Available since 1.0.0

给对象添加一个侦听

Parameters:

  • type String

    侦听类形

  • listener Function

    侦听后的回调方法,如果这个方法是类实例的方法,为了this引用的正确性,请在方法参数后加上.bind(this);

Example:

 this.addEventListener(annie.Event.ADD_TO_STAGE,function(e){trace(this);}.bind(this));

delElement

() public

Defined in libs/FloatDisplay.js:119

Available since 1.0.0

删除html元素,这样就等于解了封装

dispatchEvent

(
  • event
  • data
)
Boolean public

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:154

Available since 1.0.0

广播侦听

Parameters:

  • event annie.Event | String

    广播所带的事件对象,如果传的是字符串则直接自动生成一个的事件对象,事件类型就是你传入进来的字符串的值

  • data Object

    广播后跟着事件一起传过去的其他任信息,默认值为null

Returns:

Boolean:

如果有收听者则返回true

Example:

 var mySprite=new annie.Sprite(),
     yourEvent=new annie.Event("yourCustomerEvent");
  yourEvent.data='Flash2x';
  mySprite.addEventListener("yourCustomerEvent",function(e){
     trace(e.data);
   })
  mySprite.dispatchEvent(yourEvent);

DisplayObject

() public

Inherited from annie.DisplayObject: libs/DisplayObject.js:27

Available since 1.0.0

FloatDisplay

() public

Defined in libs/FloatDisplay.js:29

Available since 1.0.0

构造函数

Example:

 var floatDisplay = new annie.FloatDisplay();
 floatDisplay.init(document.getElementById('Flash2x'));
 s.addChild(floatDisplay);

测试链接

getBounds

() annie.Rectangle public

Inherited from annie.DisplayObject: libs/DisplayObject.js:521

Available since 1.0.0

获取对象的自身的没有任何形变的原始姿态下的原点坐标及宽高,抽像方法

Returns:

getDrawRect

() annie.Rectangle public

Inherited from annie.DisplayObject: libs/DisplayObject.js:533

Available since 1.0.0

获取对象形变后外切矩形。 可以从这个方法中读取到此显示对象变形后x方向上的宽和y方向上的高

Returns:

getWH

() Width: number, height: number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:734

Available since 1.0.9

如果需要同时获取宽和高的值,建议使用此方法更有效率

Returns:

Width: number, height: number:

}

globalToLocal

(
  • point
)
annie.Point public

Inherited from annie.DisplayObject: libs/DisplayObject.js:417

Available since 1.0.0

将全局坐标转换到本地坐标值

Parameters:

Returns:

hasEventListener

(
  • type
)
Boolean public

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:200

Available since 1.0.0

是否有添加过此类形的侦听

Parameters:

Returns:

Boolean:

如果有则返回true

hitTestPoint

(
  • point
  • isMouseEvent
)
annie.DisplayObject public

Inherited from annie.DisplayObject: libs/DisplayObject.js:492

Available since 1.0.0

点击碰撞测试,就是舞台上的一个point是否在显示对象内,在则返回该对象,不在则返回null

Parameters:

  • point annie.Point

    需要碰到的坐标点

  • isMouseEvent Boolean

    是否是鼠标事件调用此方法,用户一般无须理会,除非你要模拟鼠标点击可以

init

(
  • htmlElement
)
public

Defined in libs/FloatDisplay.js:83

Available since 1.0.0

初始化方法,htmlElement 一定要设置width和height样式,并且一定要用px单位

Parameters:

  • htmlElement HtmlElement

    需要封装起来的html元素的引用。你可以通过这个引用来调用或设置此元素自身的属性方法和事件,甚至是样式

localToGlobal

(
  • point
)
annie.Point public

Inherited from annie.DisplayObject: libs/DisplayObject.js:429

Available since 1.0.0

将本地坐标转换到全局坐标值

Parameters:

Returns:

removeAllEventListener

() public

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:237

Available since 1.0.0

移除对象中所有的侦听

removeEventListener

(
  • type
  • listener
)
public

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:214

Available since 1.0.0

移除对应类型的侦听

Parameters:

  • type String

    要移除的侦听类型

  • listener Function

    及侦听时绑定的回调方法

render

(
  • renderObj
)
public

Inherited from annie.DisplayObject: libs/DisplayObject.js:632

Available since 1.0.0

调用此方法将显示对象渲染到屏幕

Parameters:

  • renderObj annie.IRender

startDrag

(
  • isCenter
  • bounds
)
public

Inherited from annie.DisplayObject: libs/DisplayObject.js:448

Available since 1.1.2

启动鼠标或者触摸拖动

Parameters:

  • isCenter Boolean

    指定将可拖动的对象锁定到指针位置中心 (true),还是锁定到用户第一次单击该对象的位置 (false) 默认false

  • bounds annie.Rectangle

    相对于显圣对象父级的坐标的值,用于指定 Sprite 约束矩形

stopDrag

() public

Inherited from annie.DisplayObject: libs/DisplayObject.js:481

Available since 1.1.2

停止鼠标或者触摸拖动

update

(
  • isDrawUpdate
)
public

Inherited from annie.DisplayObject: libs/DisplayObject.js:566

Available since 1.0.0

更新函数

Parameters:

  • isDrawUpdate Object

    不是因为渲染目的而调用的更新,比如有些时候的强制刷新 默认为true

updateStyle

(
  • isDrawUpdate
)
public

Defined in libs/FloatDisplay.js:160

Available since 1.0.0

Parameters:

  • isDrawUpdate Object

    不是因为渲染目的而调用的更新,比如有些时候的强制刷新 默认为true

Properties

_enterFrameEvent

annie.Event private

Inherited from annie.DisplayObject: libs/DisplayObject.js:79

Available since 1.0.0

因为每次enterFrame事件时都生成一个Event非常浪费资源,所以做成一个全局的

Default: null

_isAdded

Boolean private

Defined in libs/FloatDisplay.js:51

Available since 1.0.0

是否已经添加了舞台事件

_MECO

Unknown private

Inherited from annie.EventDispatcher: libs/EventDispatcher.js:254

Available since 1.0.0

全局的鼠标事件的监听数对象表

_offsetX

Number protected

Inherited from annie.DisplayObject: libs/DisplayObject.js:165

Available since 1.0.0

Default: 0

_offsetY

Number protected

Inherited from annie.DisplayObject: libs/DisplayObject.js:173

Available since 1.0.0

Default: 0

_texture

Any protected

Inherited from annie.DisplayObject: libs/DisplayObject.js:156

Available since 1.0.0

缓存起来的纹理对象。最后真正送到渲染器去渲染的对象

Default: null

_UI

Unknown

更新信息

Sub-properties:

  • UM Object

    是否更新矩阵 UA 是否更新Alpha UF 是否更新滤镜

alpha

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:278

Available since 1.0.0

显示对象透明度

Default: 1

anchorX

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:332

Available since 1.0.0

显示对象上x方向的缩放或旋转点

Default: 0

anchorY

Number

Inherited from annie.DisplayObject: libs/DisplayObject.js:350

Available since 1.0.0

显示对象上y方向的缩放或旋转点

Default: 0

blendMode

String public

Inherited from annie.DisplayObject: libs/DisplayObject.js:126

Available since 1.0.0

显示对象的混合模式 支持的混合模式大概有

Default: 0

cAlpha

Number private

Inherited from annie.DisplayObject: libs/DisplayObject.js:60

Available since 1.0.0

显示对象在显示列表上的最终表现出来的透明度,此透明度会继承父级的透明度依次相乘得到最终的值

Default: 1

cFilters

Array private

Inherited from annie.DisplayObject: libs/DisplayObject.js:97

Available since 1.0.0

显示对象上对显示列表上的最终的所有滤镜组

Default: []

cMatrix

annie.Matrix private

Inherited from annie.DisplayObject: libs/DisplayObject.js:70

Available since 1.0.0

显示对象上对显示列表上的最终合成的矩阵,此矩阵会继承父级的显示属性依次相乘得到最终的值

Default: null

filters

Array public

Inherited from annie.DisplayObject: libs/DisplayObject.js:400

Available since 1.0.0

显示对象的滤镜数组

Default: null

height

Unknown public

Inherited from annie.DisplayObject: libs/DisplayObject.js:712

Available since 1.0.3

获取或者设置显示对象在父级里的y方向的高,不到必要不要用此属性获取高 如果你要同时获取款高,建议使用getWH()方法获取宽和高

htmlElement

HtmlElement public

Defined in libs/FloatDisplay.js:43

Available since 1.0.0

需要封装起来的html元素的引用。你可以通过这个引用来调用或设置此元素自身的属性方法和事件,甚至是样式

instanceId

Unknown public

Inherited from annie.AObject: libs/EventDispatcher.js:28

Available since 1.0.0

每一个annie引擎对象都会有一个唯一的id码。

Example:

 //获取 annie引擎类对象唯一码
 trace(this.instanceId);

instanceType

Unknown public

Inherited from annie.AObject: libs/EventDispatcher.js:46

Available since 1.0.3

每一个annie类都有一个实例类型字符串,通过这个字符串,你能知道这个实例是从哪个类实例而来

mask

annie.DisplayObject public

Inherited from annie.DisplayObject: libs/DisplayObject.js:137

Available since 1.0.0

显示对象的遮罩, 是一个Shape显示对象或是一个只包含shape显示对象的MovieClip

Default: null

matrix

annie.Matrix public

Inherited from annie.DisplayObject: libs/DisplayObject.js:384

Available since 1.0.0

显示对象的变形矩阵

Default: null

mouseEnable

Boolean public

Inherited from annie.DisplayObject: libs/DisplayObject.js:88

Available since 1.0.0

是否可以接受点击事件,如果设置为false,此显示对象将无法接收到点击事件

Default: false

name

String public

Inherited from annie.DisplayObject: libs/DisplayObject.js:106

Available since 1.0.0

每一个显示对象都可以给他启一个名字,这样我们在查找子级的时候就可以直接用this.getChildrndByName("name")获取到这个对象的引用

Default: ""

parent

annie.Sprite public

Inherited from annie.DisplayObject: libs/DisplayObject.js:50

Available since 1.0.0

显示对象的父级

Default: null

rotation

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:260

Available since 1.0.0

显示对象旋转角度

Default: 0

scaleX

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:224

Available since 1.0.0

显示对象x方向的缩放值

Default: 1

scaleY

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:242

Available since 1.0.0

显示对象y方向的缩放值

Default: 1

skewX

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:296

Available since 1.0.0

显示对象x方向的斜切值

Default: 0

skewY

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:314

Available since 1.0.0

显示对象y方向的斜切值

Default: 0

stage

Stage public

Inherited from annie.DisplayObject: libs/DisplayObject.js:40

Available since 1.0.0

此显示对象所在的舞台对象,如果此对象没有被添加到显示对象列表中,此对象为空。

Default: null;

visible

Boolean public

Inherited from annie.DisplayObject: libs/DisplayObject.js:368

Available since 1.0.0

显未对象是否可见

Default: 0

width

Unknown public

Inherited from annie.DisplayObject: libs/DisplayObject.js:689

Available since 1.0.3

获取或者设置显示对象在父级里的x方向的宽,不到必要不要用此属性获取高 如果你要同时获取款高,建议使用getWH()方法获取宽和高

x

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:187

Available since 1.0.0

显示对象位置x

Default: 0

y

Number public

Inherited from annie.DisplayObject: libs/DisplayObject.js:205

Available since 1.0.0

显示对象位置y

Default: 0