滚动视图,有些时候你的内容超过了一屏,需要上下或者左右滑动来查看内容,这个时候,你就应该用它了

Extends annie.AObject
Defined in: libs/Scroller.js:11
Module: annieUI

Available since 3.1.0

Methods

destroy

destroy () Void public

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

Available since 2.0.0

销毁一个对象 销毁之前一定要做完其他善后工作,否则有可能会出错 特别注意不能在对象自身方法或事件里调用此方法。 比如,不要在显示对象自身的 annie.Event.ON_REMOVE_TO_STAGE 或者其他类似事件调用,一定会报错

Returns:

Void:

init

init
(
  • container
  • viewWidth
  • viewHeight
  • scrollWidth
  • scrollHeight
)
public

Defined in libs/Scroller.js:223

Available since 3.1.5

初始化,也可以反复调用此方法重用scroller

Parameters:

nametypeflagdescription
container annie.MovieClip
viewWidth Number
viewHeight Number
scrollWidth Number
scrollHeight Number

scrollBy

scrollBy
(
  • x
  • y
  • time
  • easing
)
public

Defined in libs/Scroller.js:480

Available since 3.1.5

从设置的x,y坐标滑过来。 注意x y位置是负数,想想为什么

Parameters:

nametypeflagdescription
x Number

从哪个x坐标滑过来

y Number

从哪个y坐标滑过来

time Number

滑动时长 ms,0的话没效果直接跳

easing Function

annie.Tween中指定的缓存方法

Scroller

Scroller
(
  • container
  • viewWidth
  • viewHeight
  • scrollWidth
  • scrollHeight
)

Defined in libs/Scroller.js:20

初始化

Parameters:

nametypeflagdescription
container annie.MovieClip
viewWidth Number
viewHeight Number
scrollWidth Number
scrollHeight Number

scrollTo

scrollTo
(
  • x
  • y
  • time
  • easing
)
public

Defined in libs/Scroller.js:499

Available since 3.1.5

滑动到设置的x,y坐标。 注意x y位置是负数,想想为什么

Parameters:

nametypeflagdescription
x Number

要滑去的x坐标

y Number

要滑去的y坐标

time Number

滑动时长 ms,0的话没效果直接跳

easing Function

annie.Tween中指定的缓存方法

setScrollWH

setScrollWH
(
  • scrollWidth
  • scrollHeight
)
public

Defined in libs/Scroller.js:290

Available since 3.1.5

当更改了scrollWidth,scrollHeight其中的一个或者两个,需要调用此方法重置.

Parameters:

nametypeflagdescription
scrollWidth Number
scrollHeight Number

setViewWH

setViewWH
(
  • viewWidth
  • viewHeight
)
public

Defined in libs/Scroller.js:276

Available since 3.1.5

当更改了viewWidth,viewHeight其中一个或两个,需要调用此方法重置.

Parameters:

nametypeflagdescription
viewWidth Number
viewHeight Number

setViewWHAndScrollWH

setViewWHAndScrollWH
(
  • viewWidth
  • viewHeight
  • scrollWidth
  • scrollHeight
)
public

Defined in libs/Scroller.js:256

Available since 3.1.5

当更改了viewWidth,viewHeight其中一个或两个同时也更改了scrollWidth,scrollHeight其中的一个或者两个 需要调用此方法重置,如果只是单方面更改了viewWidth,viewHeight其中一个或两个,则可以调用setViewWH() 如果只是更改了scrollWidth,scrollHeight其中的一个或者两个,则可以调用setScrollWH()

Parameters:

nametypeflagdescription
viewWidth Number
viewHeight Number
scrollWidth Number
scrollHeight Number

Properties

bounceTime

Number public

Defined in libs/Scroller.js:67

Available since 3.1.5

回弹的动效时长,单位:ms

Default:

300

curX

Number

Defined in libs/Scroller.js:136

Available since 3.1.5

当前滑动的x坐标 更改此参数则需要调用resetPosition()方法生效

Default:

0

curY

Number

Defined in libs/Scroller.js:150

Available since 3.1.5

当前滑动的y坐标 更改此参数则需要调用resetPosition()方法生效

Default:

0

deceleration

Number public

Defined in libs/Scroller.js:114

Available since 3.2.1

滑动衰减系数,值越大衰减越快

Default:

0.0006

instanceId

Number public

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

Available since 1.0.0

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

Example:

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

instanceType

String public

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

Available since 1.0.3

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

isBounce

Boolean public

Defined in libs/Scroller.js:58

Available since 3.1.5

是否滑到边界后有回弹效果

Default:

true;

isLocked

Boolean public

Defined in libs/Scroller.js:76

Available since 3.1.5

是否需要横向纵向保护,有些时候你想纵向滑动,但鼠标也轻微的左右飘了,如果不lock刚好左右滑动也被允许的话,则左右也会滑动,横向滑动则相反。 如果想鼠标不那么灵敏的话,可以加上一把锁,这样左右滑的时候上下不会滑,上下滑的时候左右不会滑

Default:

300

isMomentum

Boolean public

Defined in libs/Scroller.js:49

Available since 3.1.5

是否松开鼠标后让其自由缓冲滑动

Default:

true;

isScrollX

Boolean public

Defined in libs/Scroller.js:40

Available since 3.1.5

是否横向滚动

Default:

true;

isScrollY

Boolean public

Defined in libs/Scroller.js:31

Available since 3.1.5

是否纵向滚动

Default:

true;

lockDis

Number public

Defined in libs/Scroller.js:86

Available since 3.1.5

锁的像素范围

Default:

5

scrollHeight

Number

Defined in libs/Scroller.js:209

Available since 3.1.5

当前纵向的滑动范围

Default:

0

scrollWidth

Number

Defined in libs/Scroller.js:194

Available since 3.1.5

当前横向的滑动范围

Default:

0

viewHeight

Number

Defined in libs/Scroller.js:179

Available since 3.1.5

当前显示范围的高

Default:

0

viewWidth

Number

Defined in libs/Scroller.js:164

Available since 3.1.5

当前显示范围的宽

Default:

0
Top