한국어
Qt
 

Loader를 사용하여 실행 성능 높이기

 

파싱 할 QML이 많으면 QML 애플리케이션이 느리게 시작될 수 있다. 이는 전체 애플리케이션이 하나의 거대한 QML 파일로 구현 된 경우 발생할 수 있다. 애플리케이션을 최대한 빨리 시작하려면 애플리케이션 시작 시 최소한의 QML을 로드하고 또 요청에 의해서만 UI 를 로드해야 한다.

 

즉, 애플리케이션 UI를 논리적 단위로 작게 분할하고, 시작 시에는 최소 QML 파일만, 불시에 필요에 따라 QML 파일을 로드한다. 

 

QML에는 QML 파일에 정의 된 시각적 QML 구성 요소 또는 QML 파일에 정의 된 아이템/구성 요소를 동적으로 로드 및 언로드 하는데 사용되는  Loader 요소가 있다.

 

아래 예제는 Loader아이템을 사용하여 동적으로 QML파일을 로드하는 방법을 보여준다.

import QtQuick 2.0

Item {
    width: 200; height: 200
    
    Loader { id: pageLoader }
    
    MouseArea {
        anchors.fill: parent
        onClicked: pageLoader.source = "Page1.qml"
    }
}

 

Page1.qml의 모든 새 콘텐츠를 Loader가 있는 현재 위치로 로드한다. 주목할 부분은 source 속성 유형이 URL이라는 것이다.

 

리소스 파일 (qrc://) 또는 로컬 파일 (file://)을 참조하는 데 사용할 수 있지만 웹에 있는 파일 (http(s)://)을 로드하는 데도 사용할 수도 있다. 이 경우 다음과 같을 수 있다.

import QtQuick 2.0
import QtQuick.Window 2.0
import QtQuick.Controls 2.0

Window {
    width: 400
    height: 300
    visible: true

    property url qmlURL: "https://makersweb.net/helloMakersweb.qml"

    Loader {
        id: loader
        source: appUrl
        anchors.fill: parent
    }

    Button {
        text: "Reload"
        onClicked: {
            loader.source = ""
            loader.source = qmlURL
        }
    }
}

 

이러한 동적 생성을 통해 개발자는 애플리케이션의 메모리 사용량과 시작 속도를 제어 할 수 있는 장점이 있다. 대신 화면(View) 사이를 탐색하는 데 어느 정도 ― QML 크기에 따라 ― 의 시간이 필요할 수 있다.

 

어쩔 수 없이 화면(View)이 복잡하고 덩치 큰 QML을 로드해야하는 경우 스플래시 화면 또는 BusyIndicator를 표시하여 사용자에게 어떤 일이 일어나고 있다는 느낌을 줄 수 있다.

Loader {
    id: loader
    asynchronous: true
    anchors.fill: parent
    source: screens[currentIndex]
}

BusyIndicator {
    anchors.centerIn: parent
    running: loader.status == Loader.Loading
    visible: running
}

 

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 86423
59 Qt Version확인 방법 makersweb 2018.03.29 3545
58 Qt Bluetooth를 이용한 시리얼(Serial) 통신 file makersweb 2019.02.17 3622
57 Qml에서 키보드 입력 이벤트 핸들링 file makersweb 2018.08.09 3628
56 Qt Logging Rule, Qt 프레임워크 로그 출력 makersweb 2017.01.13 3732
55 Qt 3D Studio 시작하기 file makersweb 2018.01.11 3834
54 Qt 를 사용하거나 기반으로 하는 응용프로그램 file makersweb 2021.01.30 3882
53 열거형(enum)을 QML에서 사용하는 방법과 문자열(QString)로 얻기 makersweb 2019.08.20 3930
52 QML에서 앵커(anchors)로 위치 지정 file makersweb 2021.10.05 3934
51 QPA 플러그인과 EGLFS file makersweb 2017.11.21 3951
50 Qt기반의 오픈소스 프로젝트들 - 2 운영자 2019.07.21 4028
49 QML에서 동적으로 텍스트 다국어 처리 file makersweb 2018.11.04 4239
48 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 [1] file makersweb 2020.02.12 4468
47 Qt응용프로그램 실행 시 콘솔창(터미널)같이 띄우기 file makersweb 2019.01.16 4518
46 Windows에서 Qt D-Bus를 사용하여 프로세스간 통신(IPC) file makersweb 2019.05.02 4537
45 QNetworkAccessManager를 통해 HTTP POST 하는 예제 makersweb 2019.01.17 4828
44 Qml 기본 컴포넌트 강좌 (3) - 배치(positioning) 컴포넌트 file 운영자 2019.02.10 4908
43 Qt 멀티 스레드 프로그래밍 시 유의해야 할 몇 가지 makersweb 2020.01.13 4916
42 C++로 구현된 모델을 QML의 ListView에서 참조 file makersweb 2019.09.07 4950
41 멀티 스레드환경, 스레드에 안전한 이벤트처리 makersweb 2016.10.27 5083
40 C++로 작성한 클래스를 QML에서 생성 file makersweb 2021.02.10 5328