시계 화면의 정적 이미지 외에도 애니메이션 이미지를 사용하면 사용자 환경에 한층 더 차원을 높일 수 있습니다.
이 섹션에서는 특히 애니메이션 이미지 파일 사용에 대해 설명합니다. Transform 요소를 사용하여 시계 화면의 구성요소에 애니메이션을 적용할 수 있습니다. Transform 요소는 요소의 모양을 동적으로 변경 페이지에서 다룹니다.
애니메이션은 애니메이션 GIF와 같은 애니메이션 이미지 파일 또는 함께 결합하여 애니메이션을 형성하는 Images 시퀀스로 구성될 수 있습니다.
사용할 파일을 지정하는 것 외에도 재생을 반복할지 여부, 반복하지 않는 경우 끝에서 실행할 작업 등 애니메이션이 작동하는 방식을 정의해야 합니다. 이렇게 하려면 AnimationController를 사용합니다.
마지막으로 모든 애니메이션에 썸네일 이미지를 포함합니다.
이를 종합하면 다음과 같이 기본 애니메이션을 구현할 수 있습니다.
<PartAnimatedImage x="0" y="0" width="450" height="450">
<AnimationController play="ON_VISIBLE"/>
<AnimatedImage resource="my_animation" format="AGIF"/>
<Thumbnail resource="my_animation_thumbnail" />
</PartAnimatedImage>
애니메이션 이미지 목록을 포함하고 정지 이미지에서 애니메이션을 구성하는 방법에 관한 자세한 내용은 PartAnimatedImage 참조를 참고하세요.