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
• jump
• attrs
• killStyle
• isTemp
• frames
• nowIndex
• frameLooped
• frameReverse
• easingFn
• requestAnimateTime
• requestAnimatePageTime
• waitRequestRender
• 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
• startRequestAnimate
• 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?): Animate

Parameters

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

Returns

Animate

Overrides

Eventer.constructor

Defined in

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

Properties

target

• target: IObject | IUI

Implementation of

IAnimate.target

Defined in

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

---

parent

• Optional parent: IAnimateList

Implementation of

IAnimate.parent

Defined in

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

---

keyframes

• keyframes: IKeyframe[]

Implementation of

IAnimate.keyframes

Defined in

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

---

config

• Optional config: IAnimateOptions

Implementation of

IAnimate.config

Defined in

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

---

style

• style: IUIInputData

Implementation of

IAnimate.style

Defined in

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

---

fromStyle

• fromStyle: IUIInputData

Implementation of

IAnimate.fromStyle

Defined in

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

---

toStyle

• toStyle: IUIInputData

Implementation of

IAnimate.toStyle

Defined in

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

---

running

• running: boolean

Implementation of

IAnimate.running

Defined in

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

---

destroyed

• destroyed: boolean

Implementation of

IAnimate.destroyed

Defined in

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

---

time

• time: number

Implementation of

IAnimate.time

Defined in

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

---

looped

• looped: number

Implementation of

IAnimate.looped

Defined in

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

---

easing

• easing: IAnimateEasing

Implementation of

IAnimate.easing

Defined in

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

---

delay

• delay: number

Implementation of

IAnimate.delay

Defined in

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

---

duration

• duration: number

Implementation of

IAnimate.duration

Defined in

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

---

ending

• ending: IAnimateEnding

Implementation of

IAnimate.ending

Defined in

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

---

reverse

• Optional reverse: boolean

Implementation of

IAnimate.reverse

Defined in

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

---

swing

• Optional swing: boolean

Implementation of

IAnimate.swing

Defined in

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

---

loop

• loop: number | boolean

Implementation of

IAnimate.loop

Defined in

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

---

loopDelay

• loopDelay: number

Implementation of

IAnimate.loopDelay

Defined in

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

---

speed

• speed: number

Implementation of

IAnimate.speed

Defined in

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

---

autoplay

• autoplay: boolean

Implementation of

IAnimate.autoplay

Defined in

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

---

join

• join: boolean

Implementation of

IAnimate.join

Defined in

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

---

jump

• jump: boolean

Implementation of

IAnimate.jump

Defined in

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

---

attrs

• attrs: string[]

Implementation of

IAnimate.attrs

Defined in

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

---

killStyle

• Protected killStyle: IUIInputData

Defined in

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

---

isTemp

• isTemp: boolean

Defined in

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

---

frames

• frames: IComputedKeyframe[]

Implementation of

IAnimate.frames

Defined in

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

---

nowIndex

• Protected nowIndex: number = 0

Defined in

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

---

frameLooped

• Protected frameLooped: number

Defined in

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

---

frameReverse

• Protected frameReverse: boolean

Defined in

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

---

easingFn

• Protected easingFn: IFunction

Defined in

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

---

requestAnimateTime

• Protected requestAnimateTime: number

Defined in

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

---

requestAnimatePageTime

• Protected requestAnimatePageTime: number

Defined in

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

---

waitRequestRender

• Protected waitRequestRender: boolean

Defined in

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

---

playedTotalTime

• Protected playedTotalTime: number = 0

Defined in

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

---

mainReverse

• Protected mainReverse: boolean

Defined in

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

---

timer

• Protected timer: any

Defined in

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

---

attrsMap

• Protected attrsMap: IBooleanMap

Defined in

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

---

innerId

• Readonly innerId: number

Implementation of

IAnimate.innerId

Inherited from

Eventer.innerId

Defined in

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

---

__captureMap

• Optional __captureMap: IEventListenerMap

Implementation of

IAnimate.__captureMap

Inherited from

Eventer.__captureMap

Defined in

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

---

__bubbleMap

• Optional __bubbleMap: IEventListenerMap

Implementation of

IAnimate.__bubbleMap

Inherited from

Eventer.__bubbleMap

Defined in

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

---

__hasLocalEvent

• Optional __hasLocalEvent: boolean

Implementation of

IAnimate.__hasLocalEvent

Inherited from

Eventer.__hasLocalEvent

Defined in

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

---

__hasWorldEvent

• Optional __hasWorldEvent: boolean

Implementation of

IAnimate.__hasWorldEvent

Inherited from

Eventer.__hasWorldEvent

Defined in

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

---

syncEventer

• Optional syncEventer: IEventer

Implementation of

IAnimate.syncEventer

Inherited from

Eventer.syncEventer

Defined in

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

Accessors

endingStyle

• get endingStyle(): IUIInputData

Returns

IUIInputData

Implementation of

IAnimate.endingStyle

Defined in

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

---

started

• get started(): boolean

Returns

boolean

Implementation of

IAnimate.started

Defined in

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

---

completed

• get completed(): boolean

Returns

boolean

Implementation of

IAnimate.completed

Defined in

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

---

frame

• get frame(): IComputedKeyframe

Returns

IComputedKeyframe

Defined in

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

---

frameTotalTime

• get frameTotalTime(): number

Returns

number

Defined in

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

---

nowReverse

• get nowReverse(): boolean

Returns

boolean

Defined in

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

---

realEnding

• get realEnding(): IAnimateEnding

Returns

IAnimateEnding

Implementation of

IAnimate.realEnding

Defined in

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

---

event

• set event(map): void

Parameters

Name	Type
map	IEventParamsMap

Returns

void

Implementation of

IAnimate.event

Inherited from

Eventer.event

Defined in

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

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

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

---

emitType

▸ emitType(type): void

Parameters

Name	Type
type	string

Returns

void

Defined in

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

---

play

▸ play(): void

Returns

void

Implementation of

IAnimate.play

Defined in

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

---

pause

▸ pause(): void

Returns

void

Implementation of

IAnimate.pause

Defined in

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

---

stop

▸ stop(): void

Returns

void

Implementation of

IAnimate.stop

Defined in

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

---

seek

▸ seek(time, includeDelay?): void

Parameters

Name	Type
time	number | IPercentData
includeDelay?	boolean

Returns

void

Implementation of

IAnimate.seek

Defined in

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

---

kill

▸ kill(complete?, killStyle?): void

Parameters

Name	Type	Default value
complete	boolean	true
killStyle?	IUIInputData	undefined

Returns

void

Implementation of

IAnimate.kill

Defined in

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

---

create

▸ create(): void

Returns

void

Defined in

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

---

changeDuration

▸ changeDuration(duration): void

Parameters

Name	Type
duration	number

Returns

void

Defined in

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

---

setBefore

▸ setBefore(item, data, before): void

Parameters

Name	Type
item	IComputedKeyframe
data	IObject
before	IObject

Returns

void

Defined in

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

---

allocateTime

▸ allocateTime(partTime): void

Parameters

Name	Type
partTime	number

Returns

void

Defined in

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

---

startRequestAnimate

▸ startRequestAnimate(): void

Returns

void

Defined in

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

---

requestAnimate

▸ requestAnimate(): void

Returns

void

Defined in

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

---

animate

▸ animate(pageTime?, seek?): void

Parameters

Name	Type
pageTime?	number
seek?	boolean

Returns

void

Defined in

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

---

start

▸ start(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

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

---

begin

▸ begin(seek?): void

Parameters

Name	Type
seek?	boolean

Returns

void

Defined in

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

---

end

▸ end(): void

Returns

void

Defined in

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

---

complete

▸ complete(): void

Returns

void

Defined in

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

---

setFrom

▸ setFrom(): void

Returns

void

Defined in

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

---

setTo

▸ setTo(): void

Returns

void

Defined in

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

---

nextFrame

▸ nextFrame(): void

Returns

void

Defined in

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

---

reverseNextFrame

▸ reverseNextFrame(): void

Returns

void

Defined in

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

---

transition

▸ transition(t): void

Parameters

Name	Type
t	number

Returns

void

Defined in

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

---

setStyle

▸ setStyle(style): void

Parameters

Name	Type
style	IObject

Returns

void

Defined in

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

---

increaseTime

▸ increaseTime(): void

Returns

void

Defined in

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

---

needLoop

▸ needLoop(looped, loop, swing): boolean

Parameters

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

Returns

boolean

Defined in

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

---

needStopLoop

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

Parameters

Name	Type
looped	number
times	number | boolean
swing?	boolean

Returns

boolean

Defined in

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

---

needLoopFrame

▸ needLoopFrame(): boolean

Returns

boolean

Defined in

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

---

clearTimer

▸ clearTimer(fn?): void

Parameters

Name	Type
fn?	IFunction

Returns

void

Defined in

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

---

destroy

▸ destroy(complete?): void

Parameters

Name	Type
complete?	boolean

Returns

void

Implementation of

IAnimate.destroy

Overrides

Eventer.destroy

Defined in

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

---

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

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

---

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

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

---

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

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

---

off_

▸ off_(id): void

Parameters

Name	Type
id	IEventListenerId | IEventListenerId[]

Returns

void

Implementation of

IAnimate.off_

Inherited from

Eventer.off_

Defined in

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

---

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

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

---

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

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

---

emitEvent

▸ emitEvent(event, capture?): void

Parameters

Name	Type
event	IEvent
capture?	boolean

Returns

void

Implementation of

IAnimate.emitEvent

Inherited from

Eventer.emitEvent

Defined in

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

---

hasEvent

▸ hasEvent(type, capture?): boolean

Parameters

Name	Type
type	string
capture?	boolean

Returns

boolean

Implementation of

IAnimate.hasEvent

Inherited from

Eventer.hasEvent

Defined in

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