한국어
Qt
 

Qt는 기본적으로 QObject를 기반으로 시그널, 슬롯 시스템으로 동작된다. 이 것은 QML에서도 마찬가지이며 간단한 예제들을 통해 QML내에서 어떻게 사용되는지 알아보자.

 
기본 시그널
모든 qml 아이템은 다음과 같은 기본 시그널들이 있다.
 
completed()
객체가 생성될 때 발생
 
destruction()
객체가 파괴될 때 발생
 
간단한 예제를 보자.
SignalItem.qml
import QtQuick 2.12

QtObject {

}

 

main.qml

import QtQuick 2.13
import QtQuick.Window 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    // Completed 시그널은 qml객체가 인스턴스화 되면 가장 먼저 발생하며 모든 qml에서 사용 할 수 있다. 
    Component.onCompleted: {
        console.log("Window created.")
    }

    SignalItem{
        id: mySignalItem
        Component.onCompleted: {
            console.log("SignalItem created.")
        }
    }
}

 

결과:

qml: Window created.
qml: SignalItem created.

 

사용자정의 시그널
새로운 시그널을 정의해서 다음과 같이 사용할 수도 있다.
 
SignalItem.qml
import QtQuick 2.12

QtObject {

    // 사용자정의 시그널
    signal signalItemCreated(string name)

    Component.onCompleted: {
        signalItemCreated("SignalItem")
    }
}

 

main.qml

import QtQuick 2.13
import QtQuick.Window 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Component.onCompleted: {
        console.log("Window created.")
    }

    SignalItem{
        id: mySignalItem
        onSignalItemCreated: {
            console.log(name + " created.")
        }
    }
}

 

결과:
qml: Window created.
qml: SignalItem created.

 

서로 다른 객체간 시그널과 슬롯을 연결

위의 예제에서는 시그널을 해당객체내에서 처리하였다. 이번에는 QML내에서 객체간 시그널 및 슬롯을 연결하는 방법을 소개한다.

 

QML내에서 객체간 시그널 슬롯을 연결하는 일반적인 방법은 Connections 요소를 사용하는 것이다. 

대상(객체id)을 설정후 다음과 같이 시그널이 발생할 때 시그널을 처리하는 "on<Signal이름>"핸들러를 작성한다.

 

main.qml

import QtQuick 2.13
import QtQuick.Window 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Component.onCompleted: {
        console.log("Window created.")
    }

    Connections{
        target: mySignalItem

        onSignalItemCreated:{
            console.log("SignalItem created.")
        }
    }

    SignalItem{
        id: mySignalItem
    }
}

 

결과:
qml: Window created.
qml: SignalItem created.

 

다만 Connections 의 사용에는 몇가지 제약이 있는데 예를들어 하나의 Connections에 같은 시그널 처리 함수를 여러개 만들 수 없고 대상(target) 객체가 사용되는 범위내에서만 사용할 수 있다. (물론 전역 객체의 시그널에 연결하는 건 가능하다.)

 

이번엔 조금더 C++ 스러운 방법을 알아보자.

C++에서 QObject의 connect, disconnect 메서드를 QML에서도 그대로 사용하여 서로 다른 객체간 시그널과 슬롯을 연결 할 수 있다.

 

main.qml

import QtQuick 2.13
import QtQuick.Window 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Component.onCompleted: {
        console.log("Window created.")

        // SignalItem의 시그널을 Window에 정의한 슬롯에 연결.
        mySignalItem.signalItemCreated.connect(signalItemCreatedHandler)
    }

    function signalItemCreatedHandler(){
        console.log("SignalItem created.")
    }

    SignalItem{
        id: mySignalItem
    }
}

 

결과:
qml: Window created.
qml: SignalItem created.

 

이 글과 연관된 다른 글
  1. [2015/10/24] Qt의 스레드간 시그널 슬롯의 커넥션타입 by makersweb (4230, 1)
번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 5287
96 Qt3D의 QML 타입으로 3D렌더링 file makersweb 2019.11.20 43
95 라즈베리파이3에서 Boot to Qt 실행해보기 makersweb 2019.11.13 33
94 Qt애플리케이션 객체(QCoreApplication, QGuiApplication, QApplication) 에 대해서 makersweb 2019.11.11 65
93 Qt Quick 3D 소개 makersweb 2019.11.09 35
92 QPushButton 의 커스텀 이미지버튼 file makersweb 2019.11.05 31
91 qbs 사용 방법(Helloworld) file makersweb 2019.10.23 55
90 웹기반 Qt Design Viewer [2] file makersweb 2019.10.23 50
89 Qt Creator에서 Qt의존성 라이브러리 자동복사하기 file makersweb 2019.10.19 49
88 Qt for Embedded Linux 화면출력 makersweb 2019.10.17 71
87 Windows에서 Qt 설치 따라하기 file makersweb 2019.10.14 158
86 Qbs 프로젝트를 정의하기 위해 사용되는 몇가지 중요한 아이템들 file makersweb 2019.10.13 31
85 많은 리소스를 사용하는 Qt프로젝트에서 고려해봐야 할 qmake 옵션 makersweb 2019.10.11 71
84 Qbs에 대한 소개와 설치하는 방법 makersweb 2019.10.09 92
83 OpenGL 렌더링을 QtQuick과 통합하는 방법 file makersweb 2019.10.01 92
» QML내에서의 시그널, 슬롯 시스템 makersweb 2019.09.29 155
81 컨테이너에 적재된 객체를 편리하게 삭제하기 makersweb 2019.09.18 45
80 C++로 구현된 모델을 QML의 ListView에서 참조 file makersweb 2019.09.07 209
79 QSocketNotifier로 파일 디스크립터의 활동감지 makersweb 2019.08.28 402
78 MCU용 Qt에 대해서 makersweb 2019.08.22 364
77 [Qt News] Qt for Python을 위한 기술 비전 j2doll 2019.08.20 138