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