[QT] 메모장을 만들어 보자 -1

  

    로재의 개발 일기      

메모장

QT에서 다음과 같이 생긴 메모장을 만들어 보도록 하겠습니다.

메모장을 만들기 위해서 필요한 부분은 총 6가지 입니다.

1. 파일의 리스트를 보여주는 부분 (QList Widget)

2. 파일의 내용을 작성하는 부분 (QText Edit)

3. Select Directory 파일 목록에서 파일을 고르는 버튼 (Select Directory)

4. 파일을 읽기 모드로 여는 버튼 (File Open)

5. 파일을 저장하기 위한 버튼 (File Save)

6. 프로그램을 종료하는 버튼 (Exit)

  우선 UI

QT에서는 버튼들의 액션을 받아와야 하기 때문에 UI (user interface) 부터 만드는 것이 편리합니다.

이미 만들어진 프로그램을 보면 알 수 있지만

MainWindow창 안에 있는 listWidget과 textEdit가  (공백의 두 text 창)

수직을 유지하면서 정렬을 하고 있습니다.

즉 MainWindow 차제를 horizontally 화를 시키면 됩니다.

MainWindow 자체를 클릭을 한 뒤

다음과 같은 도구 창에서

모양을 클릭하시면 mainwindow의 내부 내용이 수직으로 정렬이 돼요.

이제 폴더 안에 파일들을 정렬하여 보여 주는 'listWidget'과

사용자가 직접 편집을 할 수 있도록 도움을 줄 수 있도록 'TextEdit'을

다음과 같이 넣어줘요.

자 이제 왼쪽에는 현재 폴더 안에 어떠한 파일이 있는지 나타내는 ListWidget과

오른쪽에는 파일 작성 및 수정이 가능한 TextEdit이 생성 되었어요.

이제 버튼을 넣어볼게요.

생각해보면 수직으로 이미 'MainWindow'가 정렬이 되어 있는데

아래에 버튼을 넣는다니 조금 생각하기 힘들어요.

하지만 이 부분은 vertical layout을 사용해서

다음과 같이 처리가 가능해요.

vertical layout을 생성하여 왼편에 삽입 해주고

그 layout에 버튼 4개를 넣어줘요.

그 뒤에 'listWidget'을 vertical layout에 넣어줍니다.

깔끔하게 정렬이 되었습니다.

각 버튼, 'textEdit', 'listWidget'의 id 아래와 같이 바꿔주고.

버튼의 text도 변경합니다.

  button click 생성

이제 모든 버튼을 click 액션을 만들기 위해서

버튼 오른쪽 클릭 -> go to slot -> clicked() -> ok 클릭을 해줘요.

모든 버튼의 clicked 액션을 만들면

다음과 같이 만들어 집니다.

우리는 이제 여기에서 코딩을 진행할 거예요.

※ 본 글은 개인 포트폴리오 혹은 공부용으로 사용하기 때문에, 무단 복사 유포는 금지하지만, 개인 공부 용도로는 얼마든지 사용하셔도 좋습니다