한국어
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 86178
179 z-order 를 컨트롤 하기위한 방법 makersweb 2015.05.13 6594
178 Qml 사용자 ScrollBar 구현 file makersweb 2015.07.24 6234
177 QQuickImageProvider 를 이용한 Qml 에서 이미지 표시 makersweb 2015.10.18 6008
176 Qt의 시그널 슬롯 시스템 file makersweb 2015.10.20 23673
175 Qt의 스레드간 시그널 슬롯의 커넥션타입 [1] makersweb 2015.10.24 10218
174 Qt 프로그래밍의 시작 makersweb 2015.10.25 14406
173 QtConcurrent를 이용하여 쓰레드를 만드는 방법과 MapReduce file makersweb 2016.01.24 9481
172 Ubuntu Linux에서 Qt Creator 설치 file makersweb 2016.03.06 10681
171 멀티 스레드환경, 스레드에 안전한 이벤트처리 makersweb 2016.10.27 5047
170 QString 문자열에서 숫자만 추출해서 QString으로 반환 makersweb 2017.01.10 3078
169 Qt Logging Rule, Qt 프레임워크 로그 출력 makersweb 2017.01.13 3713
168 타임스탬프( timestamp) 유닉스 시간 makersweb 2017.10.19 1627
167 QPA 플러그인과 EGLFS file makersweb 2017.11.21 3941
166 QML에서 undefined를 확인하는 방법 makersweb 2017.11.29 1489
165 임의의 메모리 영역(QImage)에 QPainter를 이용하여 그리기 file makersweb 2017.12.19 3462
164 QPA 플러그인과 HTML5 Backend file makersweb 2017.12.27 809
163 Qt 3D Studio 시작하기 file makersweb 2018.01.11 3830
162 Qt 어플리에이션 전역에 폰트 설정 makersweb 2018.01.24 5627
161 다국어 지원 어플리케이션 개발 file makersweb 2018.01.27 2986
160 Windows환경에서 mingw로 Qt 5.10 정적(static)빌드 file makersweb 2018.02.01 5709