| Defined In: | Fx.js |
| Class: | Ext.Fx |
| Extends: | Object |
这是一个提供基础动画和视觉效果支持的类。注意:此类被引用后会自动应用于 Ext.Element 的接口, 因此所有的效果必须通过 Element 对象来实现。反过来说,既然 Element 对象实际上并没有定义这些效果, Ext.Fx 类必须被 Element 对象引用后才能使那些效果生效。
值得注意的是,虽然 Fx 的方法和许多非 Fx Element 对象的方法支持“方法链”,即他们返回 Element 对象本身作为方法的返回值, 但是并非每次都能将两个对象混合在一个方法链中。Fx 的方法使用一个内部的效果队列以使每个效果能够在适当的时候按次序展现。 另一方面,对于非 Fx 的方法则没有这样的一个内部队列,它们总是立即生效。正因为如此,虽然可以在一个单链中混合调用 Fx 和非 Fx 的方法, 但是并非总能得到预期的结果,而且必须小心处理类似的情况。
移动类的效果支持8个方向的定位锚,这意味着你可以选择 Element 对象所有8个不同的锚点中的任意一个来作为动画的起点或终点。 下面是所有支持的定位锚点位置:
值 说明 ----- ----------------------------- tl 左上角 t 顶部中央 tr 右上角 l 左边中央 r 右边中央 bl 左下角 b 底部中央 br 右下角尽管某些 Fx 方法可以接受特殊的自定义配置参数,然而下面的配置选项区域内显示了可供所有 Fx 方法使用的公共选项。
| 方法 | 定义者 | |
|---|---|---|
slideIn
(
[String anchor],
[Object options]
)
: Ext.Element
将元素滑入到视图中。作为可选参数传入的定位锚点将被设置为滑入特效的起...
将元素滑入到视图中。作为可选参数传入的定位锚点将被设置为滑入特效的起始点。该函数会在需要的时候自动将元素与一个固定尺寸的容器封装起来。 有效的定位锚点可以参见 Fx 类的概述。 用法:
参数项:
|
Fx | |
slideOut
(
[String anchor],
[Object options]
)
: Ext.Element
将元素从视图中滑出。作为可选参数传入的定位锚点将被设置为滑出特效的结...
将元素从视图中滑出。作为可选参数传入的定位锚点将被设置为滑出特效的结束点。特效结束后,元素会被隐藏(visibility = 'hidden'), 但是块元素仍然会在 document 对象中占据空间。如果需要将元素从 DOM 树删除,则使用'remove'配置选项。 该函数会在需要的时候自动将元素与一个固定尺寸的容器封装起来。有效的定位锚点可以参见 Fx 类的概述。 用法:
参数项:
|
Fx | |
puff
(
[Object options]
)
: Ext.Element
渐隐元素的同时还伴随着向各个方向缓慢地展开。特效结束后,元素会被隐藏...
渐隐元素的同时还伴随着向各个方向缓慢地展开。特效结束后,元素会被隐藏(visibility = 'hidden'), 但是块元素仍然会在 document 对象中占据空间。如果需要将元素从 DOM 树删除,则使用'remove'配置选项。 用法:
参数项:
|
Fx | |
switchOff
(
[Object options]
)
: Ext.Element
类似单击过后般地闪烁一下元素,然后从元素的中间开始收缩(类似于关闭电...
类似单击过后般地闪烁一下元素,然后从元素的中间开始收缩(类似于关闭电视机时的效果)。 特效结束后,元素会被隐藏(visibility = 'hidden'),但是块元素仍然会在 document 对象中占据空间。 如果需要将元素从 DOM 树删除,则使用'remove'配置选项。 用法:
参数项:
|
Fx | |
highlight
(
[String color],
[Object options]
)
: Ext.Element
根据设置的颜色高亮显示 Element 对象(默认情况下应用于 ba...
根据设置的颜色高亮显示 Element 对象(默认情况下应用于 background-color 属性,但是也可以通过"attr"配置选项来改变), 然后渐隐为原始颜色。如果原始颜色不可用,你应该设置"endColor"配置选项以免动画结束后被清除。 用法:
参数项:
|
Fx | |
frame
(
[String color],
[Number count],
[Object options]
)
: Ext.Element
展示一个展开的波纹,伴随着渐隐的边框以突出显示 Element 对象...
展示一个展开的波纹,伴随着渐隐的边框以突出显示 Element 对象。 用法:
参数项:
|
Fx | |
pause
(
Number seconds
)
: Ext.Element
在任何后续的等效开始之前创建一次暂停。如果队列中没有后续特效则没有效...
在任何后续的等效开始之前创建一次暂停。如果队列中没有后续特效则没有效果。 用法:
参数项:
|
Fx | |
fadeIn
(
[Object options]
)
: Ext.Element
将元素从透明渐变为不透明。结束时的透明度可以根据"endOpacit...
将元素从透明渐变为不透明。结束时的透明度可以根据"endOpacity"选项来指定。 用法:
参数项:
|
Fx | |
fadeOut
(
[Object options]
)
: Ext.Element
将元素从不透明渐变为透明。结束时的透明度可以根据"endOpacit...
将元素从不透明渐变为透明。结束时的透明度可以根据"endOpacity"选项来指定。 用法:
参数项:
|
Fx | |
scale
(
Number width,
Number height,
[Object options]
)
: Ext.Element
以动画展示元素从开始的高度/宽度转换到结束的高度/宽度。 用法:
...
以动画展示元素从开始的高度/宽度转换到结束的高度/宽度。 用法:
参数项:
|
Fx | |
shift
(
Object options
)
: Ext.Element
以动画展示元素任意组合属性的改变,如元素的尺寸、位置坐标和(或)透明...
以动画展示元素任意组合属性的改变,如元素的尺寸、位置坐标和(或)透明度。 如果以上属性中的任意一个没有在配置选项对象中指定则该属性不会发生改变。 为了使该特效生效,则必须在配置选项对象中设置至少一个新的尺寸、位置坐标或透明度属性。 用法:
参数项:
|
Fx | |
ghost
(
[String anchor],
[Object options]
)
: Ext.Element
将元素从视图滑出并伴随着渐隐。作为可选参数传入的定位锚点将被设置为滑...
将元素从视图滑出并伴随着渐隐。作为可选参数传入的定位锚点将被设置为滑出特效的结束点。 用法:
参数项:
|
Fx | |
|
syncFx
(
)
: Ext.Element
确保元素调用 syncFx 方法之后所有队列中的特效并发运行。它与 ...
确保元素调用 syncFx 方法之后所有队列中的特效并发运行。它与 #sequenceFx 的作用是相反的。
参数项:
|
Fx | |
|
sequenceFx
(
)
: Ext.Element
确保元素调用 sequenceFx 方法之后所有队列中的特效依次运行...
确保元素调用 sequenceFx 方法之后所有队列中的特效依次运行。它与 {@link #syncFx} 的作用是相反的。
参数项:
|
Fx | |
|
hasActiveFx
(
)
: Boolean
当元素拥有任何活动的或队列中的特效时返回 true,否则返回 fal...
当元素拥有任何活动的或队列中的特效时返回 true,否则返回 false。
参数项:
|
Fx | |
|
stopFx
(
)
: Ext.Element
停止运行中的任何特效,如果元素的内部特效队列中还包含其他尚未开始的特...
停止运行中的任何特效,如果元素的内部特效队列中还包含其他尚未开始的特效也一并清除。
参数项:
|
Fx | |
|
hasFxBlock
(
)
: Boolean
如果元素的当前特效阻塞了特效队列以致于在当前特效完成前其他特效无法排...
如果元素的当前特效阻塞了特效队列以致于在当前特效完成前其他特效无法排队,则返回 true。如果元素没有阻塞队列则返回 false。 此方法一般用于保证由用户动作启动的特效在相同的特效重新启动之前能够顺利完成(例如:即使用户点击了很多次也只触发一个效果)。
参数项:
|
Fx | |