0030 - GUI 프로그래밍 소개 / 프로젝트 생성하기

참고 영상

간단하게 QT 로 GUI Application 을 만들어 봅니다.

작업 파일

• 003_GUI.zip

1. QT Creator 를 실행하고 File -> New File or Project 를 선택합니다.

2. Template 은 사용하고 계시는 Qt 의 Version 마다 다를수 있는 부분입니다. 예전에는 Qt Gui Application 을 선택했는데, 현재 (5.5) 는 Qt Widgets Application 을 선택합니다.

3. Project 명을 입력합니다. 저장될 장소를 Create in 항목으로 확인하고 003_GUI 로 지정후 Next 를 입력합니다.

4. Kit Selection 에서 Qt 를 설치할 때 선택했던 Kit 를 선택합니다. MinGW 를 선택해서 설치 했으므로 해당 Check 상자가 선택된 것을 확인하고 Next 를 누릅니다.

5. Class Information 을 정보를 입력합니다.

1) Class Name 은 GUI 응용프로그램을 구성하는 정보인 Form 을 생성할 때 같이 만들어지면서 Form 에 대응되는 Class 입니다. MainWindow 을 그대로 사용합니다.

2) Base class 는 어떤 형태의 응용프로그램을 만드냐에 따라 선택할 수 있습니다. 기본적인 Window 형태를 사용하므로 QMainWindow 를 선택합니다.

3) Header file 과 Source file 은 class name 을 지정해서 만들어질 내용이 어떤 File 에 저장될 지를 선택합니다. 기본값인 mainwindow.h 와 mainwindow.cpp 를 선택합니다.

4) Generate form 을 선택하면 QT Creator 가 사용하는 UI 설정을 사용할 수 있으며 해당 설정 File 이름은 Form file : 에서 지정할 수 있습니다. mainwindow.ui 를 그대로 사용합니다.

6. 별도의 Version Control 도구를 사용하지 않으므로 Project Management 에 있는 Add to version control 은 None 으로 선택합니다.

7. 마지막으로 추가될 내용을 확인 후 Finish 를 선택합니다.

8. 만들어진 Project 에서 Edit / Forms - mainwindow.ui / Design 을 선택합니다.

9. QT Creator 가 구성하는 Forms 에 대해서 볼 수 있습니다. 이 곳을 Qt Designer 라고 불립니다.

Qt Designer 를 구성하는 요소들은 아래와 같습니다.

1. 위젯 박스 (Widget Box) : 폼에 추가할 수 있는 위젯(컨트롤) 들을 보여줍니다.
2. 폼 (Form) : 지정된 위젯들이 응용 프로그램의 어떤 부분에 위치하는지 지정하거나 추가/삭제 할 수 있습니다.
3. 액션 에디터 (Action Editor) : 응용 프로그램이 메뉴 (Menu) 를 가지고 있다면 어떤 구조를 가지고 있을지 지정하고 편집하는 곳입니다.
4. 시그널 & 슬롯 에디터 (Signal & Slot Editor) : 액센 에디터와 동일한 곳에 있지만 하단에 탭 (Tab) 으로 변경이 가능합니다. 폼에 있는 객체들 (위젯, 컨트롤) 을 Qt 의 시그널 & 슬롯 메커니즘 (Signal & Slot Mechanism) 을 사용해서 연결하여 동작하는 것을 설정하게 해줍니다.
5. 오브젝트 인스펙터 (Object Inspector) : 현재 편집중인 폼 (Form)에 존재하는 모든 객체들을 계층별로 표시해줍니다.
6. 프로퍼티 에디터 (Property Editor) : 폼에 있는 객체들의 속성 값들을 관리하는 곳입니다.

10. Qt Design이제 왼쪽 하단에 있는 ▶ 을 눌러서 Run 을 눌러 봅니다.

11. Build 후 MainWindow 가 Application 이 만들어진 후 실행되는 것을 볼 수 있습니다.

참고 문서

• Creating Main Windows in Qt Designer

• Using Containers in Qt Designer

• Qt Designer's Widget Editing Mode

• Qt Designer's Signals and Slots Editing Mode