한국어
Qt
 

이 글은 QtQuick기반 응용프로그램 개발 시 Window 에 메뉴바(MenuBar)와 메뉴 아이템을 추가하는 방법을 설명한다.

 

ApplicationWindow.png

 

응용프로그램에 메뉴바를 구성하려면 ApplicationWindow 를 루트 아이템으로 생성해야한다. 다음의 간단한 예제를 보자.

 

main.qml

import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Dialogs 1.2

ApplicationWindow {
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    menuBar: MyMenuBar{
        id: menubar
        fileDialog: browse
    }

    FileDialog{
        id: browse
        nameFilters: [ "Image files (*.jpg *.png)", "All files (*)" ]
    }
}

 

main.qml에서 ApplicationWindow 는 Window 에서 파생된 형태의 아이템이다. Window에 추가적으로 다음과 같은 프로퍼티들이 추가된다.

contentItem : Item
footer : Item
header : Item
menuBar : Item

 

QML에서 창의 속성, 모양 및 레이아웃을 제어 할 수 있으며 menuBar프로퍼티에 MenuBar 유형의 아이템을 추가할 수 있다.

qtquickcontrols2-applicationwindow-wireframe.png

▲ApplicationWindow 레이아웃

 

MyMenuBar.qml

import QtQuick 2.0
import QtQuick.Controls 2.12

MenuBar{
    property var fileDialog: null
    Menu{
        id: file
        title: qsTr("File")
        
        Action {
            text: qsTr("&New...")
        }
        Action {
            text: qsTr("&Open...")
            shortcut: "Ctrl+N"
            onTriggered: { fileDialog.open() }
        }
        Action {
            text: qsTr("&Save")
        }
        Action {
            text: qsTr("Save &As...")
        }
        MenuSeparator { }
        Action {
            text: qsTr("E&xit...")
            onTriggered: Qt.quit()
        }
    }
    
    Menu{
        id: edit
        title: qsTr("Edit")
        Action {
            text: qsTr("&Copy...")
        }
        Action {
            text: qsTr("&Paste...")
        }
        Action {
            text: qsTr("&Delete...")
        }
    }
    
    Menu{
        id: help
        title: qsTr("Help")
        Action {
            text: qsTr("&About...")
        }
    }
}

 

MenuBar에는 Menu 아이템을 포함하고 있으며 Menu에는 세부 액션(Action)들을 추가할 수 있다. Action은 행동을 정의하는 것으로 사용자의 요청을 응용프로그램이 처리할 수 있도록 triggered 시그널을 제공한다. (GoF의 디자인 패턴중 Command 패턴과 같다.)

 

위의 예제에서 사용자가 "Open"을 요청하면 파일다이얼로그(FileDialog)을 열도록 되어있음을 알 수 있다.

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 117008
140 Qt Logging Rule, Qt 프레임워크 로그 출력 makersweb 2017.01.13 9118
139 Windows에서 라즈베리파이3 Qt 어플리케이션 개발 및 원격 실행 file makersweb 2018.02.23 9064
138 멀티 스레드환경, 스레드에 안전한 이벤트처리 makersweb 2016.10.27 8995
137 Qt기반의 오픈소스 프로젝트들 makersweb 2019.05.15 8991
136 Qt기반의 오픈소스 프로젝트들 - 2 운영자 2019.07.21 8917
135 UI 폼(Form)작성 시 탭 순서(Tab Order) 설정 file makersweb 2020.08.24 8827
134 C++로 구현된 모델을 QML의 ListView에서 참조 file makersweb 2019.09.07 8821
133 Qt 를 사용하거나 기반으로 하는 응용프로그램 file makersweb 2021.01.30 8670
132 QString 문자열에서 숫자만 추출해서 QString으로 반환 makersweb 2017.01.10 8430
131 Qt응용프로그램 실행 시 콘솔창(터미널)같이 띄우기 file makersweb 2019.01.16 8423
130 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 [1] file makersweb 2020.02.12 8406
129 Qml에서 키보드 입력 이벤트 핸들링 file makersweb 2018.08.09 8330
128 QML에서 앵커(anchors)로 위치 지정 file makersweb 2021.10.05 8262
127 Qml 기본 컴포넌트 강좌 (4) - 모델 리스팅(Listing) file 운영자 2019.02.23 8221
126 Windows에서 Qt D-Bus를 사용하여 프로세스간 통신(IPC) file makersweb 2019.05.02 8092
125 QTextCodec클래스를 사용하여 유니코드와 EUC-KR 변환 makersweb 2019.03.25 7984
124 Widgets(C++) 기반의 기본 스타일을 Dark 테마 및 Material 디자인 스타일로 바꾸기 file makersweb 2023.01.28 7876
123 QML에서 동적으로 텍스트 다국어 처리 file makersweb 2018.11.04 7778
122 열거형(enum)을 QML에서 사용하는 방법과 문자열(QString)로 얻기 makersweb 2019.08.20 7737
121 QNetworkAccessManager를 통해 HTTP POST 하는 예제 makersweb 2019.01.17 7732