AnimationTimeline > AnimationTimelineItem

개요

AnimationTimeline 오브젝트에서 addTarget() 메소드 실행 시 파라미터 값을 기준으로 생성되는 아이템 오브젝트입니다.

지원 환경

Desktop NRE

Desktop WRE

☑ Windows

☑ macOS

☑ Edge

☑ Chrome

☑ Safari

☑ Firefox

☑ Opera

Mobile NRE

Mobile WRE

☑ Android

☑ iOS/iPadOS

☑ Android

☑ iOS/iPadOS




- addTarget() 메소드 실행 시 AnimationTimelineItem 오브젝트가 생성되어 AnimationTimeline 오브젝트에 아이템으로 등록됩니다.

- AnimationTimeline 오브젝트에 addTarget() 메소드로 AnimationTimelineitem 오브젝트를 여러개 등록할 수 있습니다.

- AnimationTimeline 오브젝트 실행 시 AnimationTimelineItem 은 등록된 순서로 실행되며, 먼저 실행된 아이템이 종료된 후 다음 아이템이 실행됩니다.

생성자

AnimationTimeline( strName, objParent )
// Create Object  
var objAniTime = new nexacro.AnimationTimeline( "AnimationTimeline00", this );
var objAni = new nexacro.Animation( "Animation00", this );

// Add Object to Parent Form  
this.addChild( "AnimationTimeline00", objAniTime );

// Set Animation Object 
objAni.duration = 1000;
objAni.easing = "linear";

// Add Item to Animation Object
objAni.addTarget( "AniItem00", this.Button00, "left:600" );
objAniTime.addTarget( "Animation00", objAni, 0 );

// Play Object
objAniTime.play();
 
// Remove Object form Parent
this.removeChild( "AnimationTimeline00" );
objAniTime.removeTarget( "Animation00" );
 
// Destroy Object
objAni.destroy();
objAniTime.destroy();
objAni = null;
objAniItem = null;

속성

animationid

애니메이션 효과가 정의된 Animation 오브젝트의 ID 를 설정하는 속성입니다.

지원 환경

Desktop NRE

Desktop WRE

☑ Windows

☑ macOS

☑ Edge

☑ Chrome

☑ Safari

☑ Firefox

☑ Opera

Mobile NRE

Mobile WRE

☑ Android

☑ iOS/iPadOS

☑ Android

☑ iOS/iPadOS




속성 타입

☐ Enum

☐ Expr

☐ Control

☐ Hidden

☐ ReadOnly

☐ Bind

☐ Collection

☐ StringResource

문법

AnimationTimelineItem.animationid

문법 설정

var objAniTime = new nexacro.AnimationTimeline("AnimationTimeline00", this); 

objAniTime.addTarget( "AniTimeItem00", this.Animation00, 0 );

animationid

애니메이션 효과가 정의된 Animation 오브젝트를 addTarget() 또는 insertTarget() 메소드를 사용하여 등록합니다.


addTarget() 메소드 사용 시 두번째 파라미터가 AnimationTimelineItem 오브젝트의 animationid 값으로 설정됩니다.

insertTarget() 메소드 사용 시 세번째 파라미터가 AnimationTimelineItem 오브젝트의 animationid 값으로 설정됩니다.

참고

- AnimationTimelineItem 오브젝트에 Animation 오브젝트를 한개만 설정할 수 있습니다.

- AnimationTimelineItem 오브젝트는 등록된 순서대로 하나씩 실행됩니다.

id

AnimationTimelineItem 오브젝트의 고유 식별자가 설정되는 속성입니다.

지원 환경

Desktop NRE

Desktop WRE

☑ Windows

☑ macOS

☑ Edge

☑ Chrome

☑ Safari

☑ Firefox

☑ Opera

Mobile NRE

Mobile WRE

☑ Android

☑ iOS/iPadOS

☑ Android

☑ iOS/iPadOS




속성 타입

☐ Enum

☐ Expr

☐ Control

☐ Hidden

☑ ReadOnly

☐ Bind

☐ Collection

☐ StringResource

문법

AnimationTimelineItem.id

문법 설정

var iItemIdx = this.Animation00.addTarget( "AnimationTimelineItem00", this.Animation00, 0 );

id

AnimationTimeline 오브젝트의 addTarget() 메소드 실행 시 첫번째 파라미터가 id 값으로 설정됩니다.


AnimationTimeline 오브젝트의 insertTarget() 메소드 실행 시 두번째 파라미터가 id 값으로 설정됩니다.

offset

AnimationTimelineItem 오브젝트의 시작이 지연되는 시간을 설정하는 속성입니다.

지원 환경

Desktop NRE

Desktop WRE

☑ Windows

☑ macOS

☑ Edge

☑ Chrome

☑ Safari

☑ Firefox

☑ Opera

Mobile NRE

Mobile WRE

☑ Android

☑ iOS/iPadOS

☑ Android

☑ iOS/iPadOS




속성 타입

☐ Enum

☐ Expr

☐ Control

☐ Hidden

☐ ReadOnly

☐ Bind

☐ Collection

☐ StringResource

문법

AnimationTimelineItem.offset

문법 설정

var objAniTime = new nexacro.AnimationTimeline("AnimationTimeline00", this); 

objAniTime.addTarget( "AniTimeItem00", this.Animation00, 0 );

offset

애니메이션 효과의 시작이 지연될 시간을 밀리세컨드 단위로 설정합니다.


이전 애니메이션 종료 후 현재 AnimationTimelineItem 의 애니메이션 시작이 설정한 시간동안 지연됩니다.

참고

- offset 속성값을 설정하지 않으면 "0" 으로 적용됩니다.

- AnimationTimelineItem 에 정의된 Animation 오브젝트의 delay 속성이 설정되어 있다면 
   "offset 속성값 + delay 속성값" 만큼 지연된 후 애니메이션 효과가 시작됩니다.

메서드

destroy

스크립트에서 동적으로 생성한 AnimationTimelineItem 을(를) 삭제하는 메소드입니다.

지원 환경

Desktop NRE

Desktop WRE

☑ Windows

☑ macOS

☑ Edge

☑ Chrome

☑ Safari

☑ Firefox

☑ Opera

Mobile NRE

Mobile WRE

☑ Android

☑ iOS/iPadOS

☑ Android

☑ iOS/iPadOS




문법

AnimationTimelineItem.destroy()

반환

Type

Description

Boolean

AnimationTimelineItem 이(가) 정상적으로 삭제되면 true 를 반환합니다.


AnimationTimelineItem 이(가) 정상적으로 삭제되지 않으면 false 를 반환합니다.

참고

- 동적으로 생성한 AnimationTimelineItem 을(를) 완전히 삭제하기 위해서는 destroy() 메소드를 호출해야 합니다.