한국어
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)을 열도록 되어있음을 알 수 있다.

이 글과 연관된 다른 글
  1. [2019/01/03] Qml 기본 컴포넌트 강좌 (1) by makersweb (5149)
번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 14017
122 Qt 6.0의 개발 호스트 및 대상 플랫폼 makersweb 2020.09.16 28
121 main함수 명령줄 옵션 해석 makersweb 2020.09.01 44
120 UI 폼(Form)작성 시 탭 순서(Tab Order) 설정 file makersweb 2020.08.24 56
119 Qt로 데이터를 직렬화(serialization)하는 방법 makersweb 2020.08.04 113
118 최초의 Qt 6.0 스냅샷 제공 (First Qt 6.0 Snapshot Available) j2doll 2020.06.21 220
117 Qt MQTT 에 대해서 file makersweb 2020.06.02 214
116 ShaderEffect QML Type을 이용한 버튼 클릭 효과 file makersweb 2020.05.22 159
115 Qt기반의 서버와 클라이언트간 SOAP(Simple Object Access Protocol) file makersweb 2020.05.11 149
114 재진입(Reentrancy) 및 스레드 안전성(Thread-Safety) makersweb 2020.04.19 206
113 Qt 5.15 및 Qt 6의 출시 일정 makersweb 2020.04.09 327
112 콘솔에서 사용자 입력받기 file makersweb 2020.03.22 410
111 컨테이너 클래스 - QVector makersweb 2020.03.17 306
110 Qt로 작성된 안드로이드 APP에 Splash Screen을 추가 file makersweb 2020.03.10 232
109 QLabel의 텍스트 색과 배경색을 변경 makersweb 2020.02.25 413
108 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 file makersweb 2020.02.12 1685
107 QOpenGLWidget 을 투명하게 적용 file makersweb 2020.02.05 222
106 2020년에 변경되는 Qt 오퍼 (Qt offering changes 2020) [2] j2doll 2020.01.31 353
105 Qt로 XML 파싱 : Qt 6에서 업데이트된 (Parsing XML with Qt: Updates for Qt 6) [1] j2doll 2020.01.16 355
104 Qt 멀티 스레드 프로그래밍 시 유의해야 할 몇 가지 makersweb 2020.01.13 1327
» ApplicationWindow 와 메뉴바(MenuBar)구성 file makersweb 2020.01.04 319