Class: Animate

Hierarchy

• Eventer

  ↳ Animate

  ↳↳ AnimateList

Implements

• IAnimate

Table of contents

Constructors

• constructor

Properties

• target
• parent
• keyframes
• config
• style
• fromStyle
• toStyle
• running
• destroyed
• time
• looped
• easing
• delay
• duration
• ending
• reverse
• swing
• loop
• loopDelay
• speed
• autoplay
• join
• attrs
• killStyle
• isTemp
• frames
• nowIndex
• frameLooped
• frameReverse
• easingFn
• requestAnimateTime
• playedTotalTime
• mainReverse
• timer
• attrsMap
• innerId
• __captureMap
• __bubbleMap
• __hasLocalEvent
• __hasWorldEvent
• syncEventer

Accessors

• endingStyle
• started
• completed
• frame
• frameTotalTime
• nowReverse
• realEnding
• event

Methods

• init
• emitType
• play
• pause
• stop
• seek
• kill
• create
• changeDuration
• setBefore
• allocateTime
• requestAnimate
• animate
• start
• begin
• end
• complete
• setFrom
• setTo
• nextFrame
• reverseNextFrame
• transition
• setStyle
• increaseTime
• needLoop
• needStopLoop
• needLoopFrame
• clearTimer
• destroy
• on
• off
• on_
• off_
• once
• emit
• emitEvent
• hasEvent

Constructors

constructor

• new Animate(target, keyframe, options?, isTemp?)

Parameters

Name	Type
target	IObject | IUI
keyframe	IAnimation | IUIInputData | IKeyframe[]
options?	ITransition
isTemp?	boolean

Overrides

Eventer.constructor

Defined in

in/packages/animate/src/Animate.ts:108

Properties

target

• target: IObject | IUI

Implementation of

IAnimate.target

Defined in

in/packages/animate/src/Animate.ts:14

---

parent

• Optional parent: IAnimateList

Implementation of

IAnimate.parent

Defined in

in/packages/animate/src/Animate.ts:15

---

keyframes

• keyframes: IKeyframe[]

Implementation of

IAnimate.keyframes

Defined in

in/packages/animate/src/Animate.ts:17

---

config

• Optional config: IAnimateOptions

Implementation of

IAnimate.config

Defined in

in/packages/animate/src/Animate.ts:18

---

style

• style: IUIInputData

Implementation of

IAnimate.style

Defined in

in/packages/animate/src/Animate.ts:20

---

fromStyle

• fromStyle: IUIInputData

Implementation of

IAnimate.fromStyle

Defined in

in/packages/animate/src/Animate.ts:21

---

toStyle

• toStyle: IUIInputData

Implementation of

IAnimate.toStyle

Defined in

in/packages/animate/src/Animate.ts:22

---

running

• running: boolean

Implementation of

IAnimate.running

Defined in

in/packages/animate/src/Animate.ts:26

---

destroyed

• destroyed: boolean

Implementation of

IAnimate.destroyed

Defined in

in/packages/animate/src/Animate.ts:28

---

time

• time: number

Implementation of

IAnimate.time

Defined in

in/packages/animate/src/Animate.ts:30

---

looped

• looped: number

Implementation of

IAnimate.looped

Defined in

in/packages/animate/src/Animate.ts:31

---

easing

• easing: IAnimateEasing

Implementation of

IAnimate.easing

Defined in

in/packages/animate/src/Animate.ts:35

---

delay

• delay: number

Implementation of

IAnimate.delay

Defined in

in/packages/animate/src/Animate.ts:39

---

duration

• duration: number

Implementation of

IAnimate.duration

Defined in

in/packages/animate/src/Animate.ts:42

---

ending

• ending: IAnimateEnding

Implementation of

IAnimate.ending

Defined in

in/packages/animate/src/Animate.ts:45

---

reverse

• Optional reverse: boolean

Implementation of

IAnimate.reverse

Defined in

in/packages/animate/src/Animate.ts:49

---

swing

• Optional swing: boolean

Implementation of

IAnimate.swing

Defined in

in/packages/animate/src/Animate.ts:52

---

loop

• loop: number | boolean

Implementation of

IAnimate.loop

Defined in

in/packages/animate/src/Animate.ts:55

---

loopDelay

• loopDelay: number

Implementation of

IAnimate.loopDelay

Defined in

in/packages/animate/src/Animate.ts:58

---

speed

• speed: number

Implementation of

IAnimate.speed

Defined in

in/packages/animate/src/Animate.ts:62

---

autoplay

• autoplay: boolean

Implementation of

IAnimate.autoplay

Defined in

in/packages/animate/src/Animate.ts:65

---

join

• join: boolean

Implementation of

IAnimate.join

Defined in

in/packages/animate/src/Animate.ts:68

---

attrs

• attrs: string[]

Implementation of

IAnimate.attrs

Defined in

in/packages/animate/src/Animate.ts:71

---

killStyle

• Protected killStyle: IUIInputData

Defined in

in/packages/animate/src/Animate.ts:73

---

isTemp

• isTemp: boolean

Defined in

in/packages/animate/src/Animate.ts:75

---

frames

• frames: IComputedKeyframe[]

Implementation of

IAnimate.frames

Defined in

in/packages/animate/src/Animate.ts:77

---

nowIndex

• Protected nowIndex: number

Defined in

in/packages/animate/src/Animate.ts:79

---

frameLooped

• Protected frameLooped: number

Defined in

in/packages/animate/src/Animate.ts:82

---

frameReverse

• Protected frameReverse: boolean

Defined in

in/packages/animate/src/Animate.ts:83

---

easingFn

• Protected easingFn: IFunction

Defined in

in/packages/animate/src/Animate.ts:85

---

requestAnimateTime

• Protected requestAnimateTime: number

Defined in

in/packages/animate/src/Animate.ts:87

---

playedTotalTime

• Protected playedTotalTime: number

Defined in

in/packages/animate/src/Animate.ts:88

---

mainReverse

• Protected mainReverse: boolean

Defined in

in/packages/animate/src/Animate.ts:91

---

timer

• Protected timer: any

Defined in

in/packages/animate/src/Animate.ts:92

---

attrsMap

• Protected attrsMap: IBooleanMap

Defined in

in/packages/animate/src/Animate.ts:93

---

innerId

• Readonly innerId: number

Implementation of

IAnimate.innerId

Inherited from

Eventer.innerId

Defined in

leafer/packages/event/src/Eventer.ts:12

---

__captureMap

• Optional __captureMap: IEventListenerMap

Implementation of

IAnimate.__captureMap

Inherited from

Eventer.__captureMap

Defined in

leafer/packages/event/src/Eventer.ts:14

---

__bubbleMap

• Optional __bubbleMap: IEventListenerMap

Implementation of

IAnimate.__bubbleMap

Inherited from

Eventer.__bubbleMap

Defined in

leafer/packages/event/src/Eventer.ts:16

---

__hasLocalEvent

• Optional __hasLocalEvent: boolean

Implementation of

IAnimate.__hasLocalEvent

Inherited from

Eventer.__hasLocalEvent

Defined in

leafer/packages/event/src/Eventer.ts:18

---

__hasWorldEvent

• Optional __hasWorldEvent: boolean

Implementation of

IAnimate.__hasWorldEvent

Inherited from

Eventer.__hasWorldEvent

Defined in

leafer/packages/event/src/Eventer.ts:19

---

syncEventer

• Optional syncEventer: IEventer

Implementation of

IAnimate.syncEventer

Inherited from

Eventer.syncEventer

Defined in

leafer/packages/event/src/Eventer.ts:21

Accessors

endingStyle

• get endingStyle(): IUIInputData

Returns

IUIInputData

Implementation of

IAnimate.endingStyle

Defined in

in/packages/animate/src/Animate.ts:23

---

started

• get started(): boolean

Returns

boolean

Implementation of

IAnimate.started

Defined in

in/packages/animate/src/Animate.ts:25

---

completed

• get completed(): boolean

Returns

boolean

Implementation of

IAnimate.completed

Defined in

in/packages/animate/src/Animate.ts:27

---

frame

• Protected get frame(): IComputedKeyframe

Returns

IComputedKeyframe

Defined in

in/packages/animate/src/Animate.ts:80

---

frameTotalTime

• Protected get frameTotalTime(): number

Returns

number

Defined in

in/packages/animate/src/Animate.ts:81

---

nowReverse

• get nowReverse(): boolean

Returns

boolean

Defined in

in/packages/animate/src/Animate.ts:90

---

realEnding

• get realEnding(): IAnimateEnding

Returns

IAnimateEnding

Implementation of

IAnimate.realEnding

Defined in

in/packages/animate/src/Animate.ts:95

---

event

• set event(map): void

Parameters

Name	Type
map	IEventParamsMap

Returns

void

Implementation of

IAnimate.event

Inherited from

Eventer.event

Defined in

leafer/packages/event/src/Eventer.ts:23

Methods

init

▸ init(target, keyframe, options?, isTemp?): void

Parameters

Name	Type
target	IObject | IUI
keyframe	IUIInputData | IKeyframe[]
options?	ITransition
isTemp?	boolean

Returns

void

Implementation of

IAnimate.init

Defined in

in/packages/animate/src/Animate.ts:117

---

emitType

▸ emitType(type): void

Parameters

Name	Type
type	string

Returns

void

Defined in

in/packages/animate/src/Animate.ts:141

---

play

▸ play(): void

Returns

void

Implementation of

IAnimate.play

Defined in

in/packages/animate/src/Animate.ts:146

---

pause

▸ pause(): void

Returns

void

Implementation of

IAnimate.pause

Defined in

in/packages/animate/src/Animate.ts:155

---

stop

▸ stop(): void

Returns

void

Implementation of

IAnimate.stop

Defined in

in/packages/animate/src/Animate.ts:163

---

seek

▸ seek(time): void

Parameters

Name	Type
time	number | IPercentData

Returns

void

Implementation of

IAnimate.seek

Defined in

in/packages/animate/src/Animate.ts:170

---

kill

▸ kill(complete?, killStyle?): void

Parameters

Name	Type	Default value
complete	boolean	true
killStyle?	IUIInputData	undefined

Returns

void

Implementation of

IAnimate.kill

Defined in

in/packages/animate/src/Animate.ts:184

---

create

▸ Protected create(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:190

---

changeDuration

▸ changeDuration(duration): void

Parameters

Name	Type
duration	number

Returns

void

Defined in

in/packages/animate/src/Animate.ts:254

---

setBefore

▸ setBefore(item, data, before): void

Parameters

Name	Type
item	IComputedKeyframe
data	IObject
before	IObject

Returns

void

Defined in

in/packages/animate/src/Animate.ts:259

---

allocateTime

▸ allocateTime(partTime): void

Parameters

Name	Type
partTime	number

Returns

void

Defined in

in/packages/animate/src/Animate.ts:268

---

requestAnimate

▸ Protected requestAnimate(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:281

---

animate

▸ Protected animate(_runtime?, seek?): void

Parameters

Name	Type
_runtime?	number
seek?	boolean

Returns

void

Defined in

in/packages/animate/src/Animate.ts:286

---

start

▸ Protected start(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

in/packages/animate/src/Animate.ts:347

---

begin

▸ Protected begin(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

in/packages/animate/src/Animate.ts:365

---

end

▸ Protected end(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:371

---

complete

▸ Protected complete(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:375

---

setFrom

▸ Protected setFrom(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:389

---

setTo

▸ Protected setTo(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:394

---

nextFrame

▸ Protected nextFrame(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:400

---

reverseNextFrame

▸ Protected reverseNextFrame(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:407

---

transition

▸ Protected transition(t): void

Parameters

Name	Type
t	number

Returns

void

Defined in

in/packages/animate/src/Animate.ts:414

---

setStyle

▸ setStyle(style): void

Parameters

Name	Type
style	IObject

Returns

void

Defined in

in/packages/animate/src/Animate.ts:438

---

increaseTime

▸ Protected increaseTime(): void

Returns

void

Defined in

in/packages/animate/src/Animate.ts:447

---

needLoop

▸ Protected needLoop(looped, loop, swing): boolean

Parameters

Name	Type
looped	number
loop	number | boolean
swing	number | boolean

Returns

boolean

Defined in

in/packages/animate/src/Animate.ts:451

---

needStopLoop

▸ Protected needStopLoop(looped, times, swing?): boolean

Parameters

Name	Type
looped	number
times	number | boolean
swing?	boolean

Returns

boolean

Defined in

in/packages/animate/src/Animate.ts:455

---

needLoopFrame

▸ Protected needLoopFrame(): boolean

Returns

boolean

Defined in

in/packages/animate/src/Animate.ts:459

---

clearTimer

▸ Protected clearTimer(fn?): void

Parameters

Name	Type
fn?	IFunction

Returns

void

Defined in

in/packages/animate/src/Animate.ts:471

---

destroy

▸ destroy(complete?): void

Parameters

Name	Type
complete?	boolean

Returns

void

Implementation of

IAnimate.destroy

Overrides

Eventer.destroy

Defined in

in/packages/animate/src/Animate.ts:478

---

on

▸ on(type, listener?, options?): void

Parameters

Name	Type
type	string | string[] | IEventParamsMap | IEventParams[]
listener?	IFunction
options?	IEventOption

Returns

void

Implementation of

IAnimate.on

Inherited from

Eventer.on

Defined in

leafer/packages/event/src/Eventer.ts:26

---

off

▸ off(type?, listener?, options?): void

Parameters

Name	Type
type?	string | string[]
listener?	IFunction
options?	IEventOption

Returns

void

Implementation of

IAnimate.off

Inherited from

Eventer.off

Defined in

leafer/packages/event/src/Eventer.ts:66

---

on_

▸ on_(type, listener?, bind?, options?): IEventListenerId

Parameters

Name	Type
type	string | string[] | IEventParams[]
listener?	IFunction
bind?	IObject
options?	IEventOption

Returns

IEventListenerId

Implementation of

IAnimate.on_

Inherited from

Eventer.on_

Defined in

leafer/packages/event/src/Eventer.ts:110

---

off_

▸ off_(id): void

Parameters

Name	Type
id	IEventListenerId | IEventListenerId[]

Returns

void

Implementation of

IAnimate.off_

Inherited from

Eventer.off_

Defined in

leafer/packages/event/src/Eventer.ts:116

---

once

▸ once(type, listener?, captureOrBind?, capture?): void

Parameters

Name	Type
type	string | string[] | IEventParams[]
listener?	IFunction
captureOrBind?	boolean | IObject
capture?	boolean

Returns

void

Implementation of

IAnimate.once

Inherited from

Eventer.once

Defined in

leafer/packages/event/src/Eventer.ts:126

---

emit

▸ emit(type, event?, capture?): void

Parameters

Name	Type
type	string
event?	IObject | IEvent
capture?	boolean

Returns

void

Implementation of

IAnimate.emit

Inherited from

Eventer.emit

Defined in

leafer/packages/event/src/Eventer.ts:133

---

emitEvent

▸ emitEvent(event, capture?): void

Parameters

Name	Type
event	IEvent
capture?	boolean

Returns

void

Implementation of

IAnimate.emitEvent

Inherited from

Eventer.emitEvent

Defined in

leafer/packages/event/src/Eventer.ts:155

---

hasEvent

▸ hasEvent(type, capture?): boolean

Parameters

Name	Type
type	string
capture?	boolean

Returns

boolean

Implementation of

IAnimate.hasEvent

Inherited from

Eventer.hasEvent

Defined in

leafer/packages/event/src/Eventer.ts:160