선택된 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이 적용됩니다.