한국어
Qt
 

Rive는 대화형 벡터 애니메이션을 만들 수 있는 이미지 파일 형식이다. Rive와 비교하여 로티(Lottie) 에는 몇 가지 단점이 있다.

  • Lottie 파일은 실행 시 저장소와 메모리 모두에서 상당히 큰 경향이 있다. 이는 특히 임베디드 장치에서 문제가 될 수 있다.
  • Lotie는 소프트웨어 개발자의 개입 없이 대화형 애니메이션을 만드는 것은 불가능하다.

RiveQtQuickPlugin

RiveQtQuickPlugin 은 QtQuick 프로젝트 내에서 Rive 애니메이션을 쉽게 로드하고 표시할 수 있는 플러그인 라이브러리다. BasysKom에서 rive-cpp 라이브러리를 기반으로 QtQuick 통합하기 위해 이 오픈소스 프로젝트를 시작했다. BasysKom은 현재 계속 QtQuickPlugin을 작업 중이지만 이미 QtQuick/QML 애플리케이션에 다음 기능을 제공한다.

Rive 및 Qt 의 빠른 통합
간단한 QML 유형을 사용하여 QtQuick/QML 애플리케이션에서 Rive 애니메이션을 가져오고 조작할 수 있다.

Dynamic Interaction
Rive 애니메이션의 도움으로 사용자 상호작용에 반응하여 생동감 넘치는 사용자 인터페이스를 만든다. Rive 애니메이션은 마우스 호버나 터치 이벤트에 직접 반응할 수 있으므로 개발자가 아무것도 구현할 필요가 없다.

주요 Qt 버전 및 플랫폼 지원
소프트웨어 및 하드웨어 렌더링이 포함된 Qt5.15.2+
소프트웨어 및 하드웨어 렌더링이 포함된 Qt6.5+

QtQuick/QML 애플리케이션에서 다음과 같이 간편하게 Rive 애니메이션을 표시할 수 있다.

import QtCore
import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
 
import RiveQtQuickPlugin

...
        RiveQtQuickItem {
            id: riveItem
            anchors.fill: parent
            fillMode: RiveQtQuickItem.PreserveAspectFit
 
            // not used by software backend
            renderQuality: RiveQtQuickItem.Medium
            postprocessingMode: RiveQtQuickItem.SMAA
 
            fileSource: ":/assets/travel-icons-pack.riv"
        }
...

플러그인은 LGPLv3+로 출시되었으며 현재 작업 중인 일이 몇 가지 있다.

  • 하드웨어 렌더링을 위한 앤티앨리어싱
  • 외부 Rive-Library로 GCC 지원
  • QML 인터페이스 개선
  • 플러그인 문서(QML에 대한 인터페이스가 양호한 상태인 경우)
번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 89364
39 QML의 사용자 정의 Image makersweb 2023.09.17 1163
38 Qt 6의 C++ 프로퍼티 바인딩 예제 makersweb 2021.11.01 1135
37 Android 애플리케이션 서명 구성 file makersweb 2023.12.17 1128
36 QRhi 에 대해서 file makersweb 2023.12.29 1120
35 QML 에서 QR코드 생성 file makersweb 2021.08.20 1116
34 Q_D매크로와 d-pointer file makersweb 2019.05.07 1098
33 Qt Bluetooth 관련 기능 확인 사항 makersweb 2018.07.10 1081
32 Qt 6 에서 프로퍼티 바인딩 makersweb 2021.04.03 1062
31 싱글 샷(Single-Shot) 시그널/슬롯 연결 makersweb 2021.05.12 1050
30 Qt Creator 에서 GitHub Copilot 사용하기 file makersweb 2024.04.13 1045
29 하드디스크 드라이브 여유 공간 계산 file makersweb 2023.01.15 1037
» QtQuick 애플리케이션에 Rive 애니메이션 통합 makersweb 2024.03.31 1033
27 Qt for MCU 1.0 릴리즈 makersweb 2019.12.10 1028
26 2020년에 변경되는 Qt 오퍼 (Qt offering changes 2020) [2] j2doll 2020.01.31 1003
25 Qt5Compat 라이브러리를 사용하여 Qt5에서 Qt6로 포팅 [2] makersweb 2020.12.05 1001
24 Qt 응용프로그램에서 PDF 문서 렌더링 file makersweb 2021.09.23 981
23 Base64로 인코딩된 파일을 복원 makersweb 2023.08.06 966
22 clazy 로 13개의 시그널, 슬롯 오류 해결 makersweb 2022.08.23 963
21 단일 인스턴스 Qt 응용 프로그램(Single-instance Application) makersweb 2022.06.23 956
20 Qt Bluetooth Low Energy 개요 makersweb 2022.02.13 955