Animation

선택된 Component에 다양한 Animation Effect를 지정할 수 있습니다.

Preview

Design Window에서 선택된 Animation을 미리 확인할 수 있습니다.

Form Design 위의 컴포넌트들은 Form Design 영역 안에서 Animation을 보여주지만 ADL의 Frame에 Animation을 적용하여 Preview를 동작할 경우에는 Form Launch와 동일한 동작으로 Project가 실행되어 Frame에 적용된 Animation을 재생하고 자동으로 사라지게 되어 있습니다.

Composite Animation Properties

Composite Animation의 속성을 설정합니다.


속성

설명

1

ID

Animation ID

2

Duration

Animaiton 지속시간

3

Start Time

Trigger 발생 이후 Animation 시작시간

4

Target Comp

Animation이 지정된 Component

5

Interpolation

중간값 계산을 위한 Interpolation function 지정

Interpolation Graph(Composite Animation)

Animation의 예상 동작을 Graph로 표현합니다.

Composite Animation Items

Composite Animation에 새로운 Animation을 추가하거나 기존 Animation을 목록에서 제거할 수 있습니다.


속성

설명

1

List

Composite Animation List를 표시

2

Add

List에 Animation 추가

3

Delete

List에서 선택된 Animation을 List에서 삭제

Common Properties

Animation의 기본 속성을 설정합니다.


속성

설명

1

ID

Animation ID

2

Duration

Animaiton 지속시간

3

Start Time

Trigger 발생 이후 Animation 시작시간

4

Target Comp

Animation이 지정된 Component

5

Interpolation

중간값 계산을 위한 Interpolation function 지정

Interpolation Graph

Animation의 예상 동작을 Graph로 표현합니다.

Transition Animation Properties


속성

설명

1

Type

Transition Animation 종류

2

Direction

Transition Effect 시작 방향

3

Change Prop List

Transition Animation 과정 이후에 변경되어야 할 style prop list

Property Animation Properties


속성

설명

1

Target prop

중간 값이 반영될 property

2

From value

시작값

3

To value

종료값

4

By value

Current value 에서부터의 offset 값

5

Ending mode

Animation 종료 시 유지되어야 하는 값에 대한 정의

Animation Bind

생성된 Animation은 Drag&Drop으로 컴포넌트에 적용하거나 Properties Window에서 직접 선택하여 적용할 수 있습니다.

Drop&Drop으로 Animation을 컴포넌트에 적용하면 Animation의 대상이 될 컴포넌트의 속성을 선택할 수 있는 팝업 창이 나타나며 적용되길 원하는 속성을 선택하면 Animation이 적용됩니다.