스페이스 인터내셔널(주) 블로그

얼마전 Nokia에서 Qt Creator라는 Qt전용 IDE의 RC버전을 발표했습니다. Designer와 Assistant가 IDE안에 내장된 형태로, Qt4.5로 제작되었습니다.

이 IDE를 사용하여 텍스트 편집기를 제작해 봅시다.

프로젝트 생성

Qt Creator를 설치하고, File메뉴의 New를 눌러 새로운 프로젝트를 생성합니다. 텍스트편집기를 만들 것이므로 "Qt4 GUI Application"를 선택하고, 적당한 프로젝트명과 경로를 지정합니다. 메뉴와 툴바를 사용하기 위해 클래스는 QMainWindow로 지정해주세요.

생성이 완료되면 화면에 프로젝트의 파일 목록이 보이는데 pro는 프로젝트 설정파일이고, ui는 GUI디자인폼 파일입니다. 이대로 빌드하여 실행해 봅시다. 실행버튼은 왼쪽아래에 있는 세개의 버튼 중 가장 위의 재생버튼입니다.

아무버튼도 없는 툴바가 붙은 윈도가 나왔다면 정상적으로 실행 된 것입니다.
이제 이 윈도에 텍스트편집위젯을 붙여봅시다.

textEdit 위젯 추가

mainwindow.ui를 열면 다음과 같은 UI편집화면이 나옵니다. 화면이 좁다면 왼쪽밑의 검색바 옆의 버튼으로 사이드바를 숨길 수 있습니다.왼쪽에 사용가능한 위젯과 레이아웃 등이 있습니다. 스크롤을 내려보면 Input Widgets에 TextEdit라는 위젯이 있습니다. 그걸 끌어다가 가운데에 있는 윈도에 놓으세요.
이대로 실행하면 현재 보고 계신 화면 그대로 작은 위젯이 하나 붙어서 나오게 됩니다. 윈도 크기를 조정해도 위젯의 크기는 변하지 않습니다. 레이아웃을 적용하여 위젯의 크기를 윈도 크기에 맞게 바꿔야 합니다. 왼쪽의 목록에서 MainWindowClass를 선택하거나 가운데의 화면에서 윈도를 선택하면 화면 위쪽의 툴바가 활성화됩니다.왼쪽에서 5번째부터가 레이아웃 지정 버튼입니다. 위젯이 하나 이므로 정렬할 것도 없으니 5번째를 누릅시다. 그러면 TextEdit위젯이 창크기에 맞게 커지지만, 상하좌우로 공백이 있습니다. 이것은 레이아웃에 의한 공백입니다. 오른쪽 밑의 속성부분에서 조절 가능합니다. 왼쪽의 목록에서 centralWidget을 선택하고 속성창에서 레이아웃의 공백의 조절합시다.
Layout부분의 layoutLeftMargin, layoutRightMargin, layoutTopMargin, layoutBottomMargin을 전부 0으로 만들어주면 됩니다.

다시 실행해보면 TextEdit위젯이 윈도 크기에 맞게 조절될 것입니다.