한국어
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 110102
120 UI 폼(Form)작성 시 탭 순서(Tab Order) 설정 file makersweb 2020.08.24 7197
119 Qt로 데이터를 직렬화(serialization)하는 방법 makersweb 2020.08.04 5188
118 최초의 Qt 6.0 스냅샷 제공 (First Qt 6.0 Snapshot Available) j2doll 2020.06.21 3411
117 Qt MQTT 에 대해서 file makersweb 2020.06.02 3088
116 Embedded Linux 에서 Qt 및 Graphics Stack file 운영자 2020.05.27 2885
115 ShaderEffect QML Type을 이용한 버튼 클릭 효과 file makersweb 2020.05.22 3569
114 Qt기반의 서버와 클라이언트간 SOAP(Simple Object Access Protocol) file makersweb 2020.05.11 3194
113 재진입(Reentrancy) 및 스레드 안전성(Thread-Safety) makersweb 2020.04.19 4294
112 Qt 5.15 및 Qt 6의 출시 일정 makersweb 2020.04.09 3186
111 콘솔에서 사용자 입력받기 file makersweb 2020.03.22 55263
110 컨테이너 클래스 - QVector makersweb 2020.03.17 5521
109 Qt로 작성된 안드로이드 APP에 Splash Screen을 추가 file makersweb 2020.03.10 3189
108 QLabel의 텍스트 색과 배경색을 변경 makersweb 2020.02.25 10103
107 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 [1] file makersweb 2020.02.12 7028
106 QOpenGLWidget 을 투명하게 적용 file makersweb 2020.02.05 3780
105 2020년에 변경되는 Qt 오퍼 (Qt offering changes 2020) [2] j2doll 2020.01.31 3089
104 Qt로 XML 파싱 : Qt 6에서 업데이트된 (Parsing XML with Qt: Updates for Qt 6) [1] j2doll 2020.01.16 3591
103 Qt 멀티 스레드 프로그래밍 시 유의해야 할 몇 가지 makersweb 2020.01.13 7924
102 ApplicationWindow 와 메뉴바(MenuBar)구성 file makersweb 2020.01.04 3576
101 QThread 소개 및 예제 makersweb 2019.12.25 24541