Qt Quick Timeline 개요

타임라인을 사용하면 항목에 애니메이션을 적용하고 해당 항목의 동작을 정의할 수 있습니다. 특정 시점에는 하나의 타임라인만 활성화될 수 있습니다.

항목 속성에 애니메이션을 적용하면 값이 목표 값으로 즉시 변경되는 대신 중간 값을 거쳐 이동할 수 있습니다. 예를 들어, 씬에서 항목을 이동시키려면 항목의 위치를 제어하는 x 및 y 속성에 애니메이션을 적용하여, 항목이 목표 위치로 이동하는 도중 키프레임에서 위치가 변경되도록 할 수 있습니다. 마찬가지로, 키프레임에서 항목의 색상 및 크기 속성을 변경하여 항목이 가까워지거나 멀어지는 것처럼 보이게 할 수도 있습니다.

Qt Design Studio 에는 키프레임 기반 애니메이션을 제작하기 위한 타임라인 편집기가 포함되어 있습니다.

키프레임이 포함된 Qt Design Studio의 타임라인 편집기

Qt Quick State 객체에서 다양한 UI 상태를 선언할 수 있습니다. 이러한 상태는 기본 상태로부터의 속성 변경으로 구성되며, UI 로직을 체계적으로 구성하는 데 유용한 방법이 될 수 있습니다. 전환(Transitions)은 항목에 연결하여 상태 변경으로 인해 속성이 변경될 때 어떻게 애니메이션이 적용될지 정의할 수 있는 객체입니다. 에서 타임라인 애니메이션을 상태에 바인딩할 수 있습니다. Qt Design Studio

Qt Design Studio의 타임라인 설정 패널

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.