qtlottieviewer 예제

이 예제는 Qt.labs.lottieqt 모듈의 LottieAnimation 항목을 사용하여 Qt Quick 애플리케이션에서 로티 애니메이션 벡터 그래픽 파일을 직접 표시하고 제어하는 방법을 보여줍니다.

개요

예제 창의 주요 부분은 로티 애니메이션을 재생하는 LottieAnimation 항목이 포함된 직사각형입니다.

그 아래에는 행 컨트롤이 있습니다. 사용자는 프레임 속도 슬라이더로 애니메이션 속도를 제어하고 배율 슬라이더를 사용하여 확대 및 축소할 수 있습니다. 재생/일시 정지 버튼을 사용하여 애니메이션을 중지하고 다시 시작할 수 있습니다. 일시정지된 경우 사용자는 프레임 이동 슬라이더를 사용하여 표시할 정확한 프레임을 선택할 수 있습니다. 열기 버튼은 파일 대화 상자를 표시하여 사용자가 로티 파일을 선택하여 로드하고 표시할 수 있도록 합니다.

LottieAnimation 는 벡터 그래픽의 소프트웨어 래스터화를 사용하는 QQuickPaintedItem 입니다. 그래픽 하드웨어 렌더링을 활용하여 퀵 애플리케이션에서 로티 파일을 표시하는 다른 방법은 lottietoqml 및 VectorImage 항목을 참조하세요.

예제 프로젝트 @ code.qt.io