Show:

annieUI.Scroller Class

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

Available since 3.1.0

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

Methods

destroy

() Void public

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

Available since 2.0.0

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

Returns:

Void:

init

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

Defined in libs/Scroller.js:224

Available since 3.1.5

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

Parameters:

scrollBy

(
  • x
  • y
  • time
  • easing
)
public

Defined in libs/Scroller.js:481

Available since 3.1.5

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

Parameters:

  • x Number

    从哪个x坐标滑过来

  • y Number

    从哪个y坐标滑过来

  • time Number

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

  • easing Function

    annie.Tween中指定的缓存方法

Scroller

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

Defined in libs/Scroller.js:28

初始化

Parameters:

scrollTo

(
  • x
  • y
  • time
  • easing
)
public

Defined in libs/Scroller.js:500

Available since 3.1.5

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

Parameters:

  • x Number

    要滑去的x坐标

  • y Number

    要滑去的y坐标

  • time Number

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

  • easing Function

    annie.Tween中指定的缓存方法

setScrollWH

(
  • scrollWidth
  • scrollHeight
)
public

Defined in libs/Scroller.js:291

Available since 3.1.5

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

Parameters:

setViewWH

(
  • viewWidth
  • viewHeight
)
public

Defined in libs/Scroller.js:277

Available since 3.1.5

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

Parameters:

setViewWHAndScrollWH

(
  • viewWidth
  • viewHeight
  • scrollWidth
  • scrollHeight
)
public

Defined in libs/Scroller.js:257

Available since 3.1.5

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

Parameters:

Properties

bounceTime

Number public

Defined in libs/Scroller.js:75

Available since 3.1.5

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

Default: 300

curX

Number

Defined in libs/Scroller.js:137

Available since 3.1.5

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

Default: 0

curY

Number

Defined in libs/Scroller.js:151

Available since 3.1.5

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

Default: 0

instanceId

Number public

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

Available since 1.0.0

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

Example:

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

instanceType

String public

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

Available since 1.0.3

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

isBounce

Boolean public

Defined in libs/Scroller.js:66

Available since 3.1.5

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

Default: true;

isLocked

Boolean public

Defined in libs/Scroller.js:84

Available since 3.1.5

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

Default: 300

isMomentum

Boolean public

Defined in libs/Scroller.js:57

Available since 3.1.5

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

Default: true;

isScrollX

Boolean public

Defined in libs/Scroller.js:48

Available since 3.1.5

是否横向滚动

Default: true;

isScrollY

Boolean public

Defined in libs/Scroller.js:39

Available since 3.1.5

是否纵向滚动

Default: true;

lockDis

Number public

Defined in libs/Scroller.js:94

Available since 3.1.5

锁的像素范围

Default: 5

scrollHeight

Number

Defined in libs/Scroller.js:210

Available since 3.1.5

当前纵向的滑动范围

Default: 0

scrollWidth

Number

Defined in libs/Scroller.js:195

Available since 3.1.5

当前横向的滑动范围

Default: 0

viewHeight

Number

Defined in libs/Scroller.js:180

Available since 3.1.5

当前显示范围的高

Default: 0

viewWidth

Number

Defined in libs/Scroller.js:165

Available since 3.1.5

当前显示范围的宽

Default: 0