Qt기본_01. 버튼 입력 받아, LineEdit 에 Hello 출력하기

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  RSS 방지선  ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Qt기초 1단계.

 - 일단 프로젝트를 생성해서, 실행하는거 알면 반은 아는거다.

 - 앞으로 진행되는 프로젝트들의 기본 생성방법은 아래와 같다.

   1) GUI 구상 - 어떻게 만들지 구상 및 기획

   2) 객체 배치 - 컨트롤위젯들을 사용하여 객체들을 제 위치에 배치

   3) 속성 변경 - 속성창에서 구상/기획에 맞게 변경이 필요한 것들의 속성을 변경

   4) 슬롯 입력 - 객체별로 필요한 슬롯을 생성 및 코드 작성

   5) 실행 및 디버깅 - 디버깅 모드로 실행해보고, 에러 수정 및 완성

1. 새로운 프로젝트 생성

 - File -> New File or Project

2. GUI 기반으로 선택

 - Application -> Qt Widget Application

3. 프로젝트 이름 입력 및 프로젝트 생성경로 설정

 - 각자 원하는 곳으로 설정하면 됨

 - 이름 : test_01

 - 경로 : D:\Qt

4. 컴파일러 선택

 - 나는 MinGW 만 애초에 설치했기에, MinGW를 선택함

5. 클래스 선택 및 소스파일들 이름 지정

 - Base class 를 QDialog 로 선택하여 진행

 - 선택 후, 이름은 기본값으로 진행

6. 버전관리 설정

 - 무시하고 Finish.

 - 버전관리 안할꺼니깐.

7. 처음 생성된 화면.

 - 근데 이상한게, 저렇게 빨간줄을 볼수가 있음.

 - 툴이 좀 멍청한 듯.

 - 잘못된 건 아니니깐 Headers 폴더안에 있는 Header 파일을 열어주면 해결 될 것임.

8. dialog.h 파일 한번 열어주기

 - 더블클릭하면 열림.

9. 다시 dialog.cpp 확인

 - 에러줄이 사라진것을 확인할 수 있음.

 - 멍청이 같으니.

10. Forms 폴더 -> dialog.ui 파일 열기

 - 더블클릭하여 열면, 자동으로 디자인 모드로 진입됨.

 - 익숙한 화면이 등장.

11. 객체 배치 시작

 - 왼쪽에 있는 위젯들을 마우스로 끌어다가 GUI 배경위에다가 배치

 - 사용된 것들

   1) Label

   2) LineEdit

   3) PushButton

 - 위치는 알아서 이쁘게끔 배치

12. 객체들의 표현텍스트를 바꾸기

 - 원하는 객체 마우스로 선택

 - 오른쪽 아래 속성창에 찾아보면 text 속성이 있음

 - 원하는 값으로 변경

 - 또는 객체 더블클릭하면 바로 바꿀수도 있음

13. 객체들의 객체이름 확인하기

 - 오른쪽 상단창에 보면 친절하게 나와있음

 - 또는 오른쪽 하단 속성창에 찾아보면 거의 맨 위에 objectName 속성을 확인 가능

 - 객체이름을 바꿔서 사용해도 되나, 여기서는 그냥 기본값으로 진행하도록 함

14. 객체들의 text 속성값 바꾼 결과 화면

 - 마음대로 바꾸면 된다.

 - 자기만 알아먹으면 되지.

 - 어차피 연습인데.

15. 입력 버튼에 이벤트 추가하기

 - 입력 버튼에서 마우스 오른족 버튼

 - Go to slot 클릭

16. 클릭했을 때, 이벤트로 선택

 - OK 버튼

17. dialog.cpp 에 slot 코드가 하나 생성됨

 - 이벤트 함수가 하나 생성될 것임.

 - Qt 에서는 SIGNAL 과 SLOT 개념이란게 있음

 - 일단은 slot 이 함수정도라고 생각하고 계속 진행.

18. 버튼 3개 모두 clicked() slot 생성

 - 입력버튼

 - 지우기 버튼

 - 종료 버튼 생성

 - 3개 모두 생성하면 아래 그림과 같이 빈 slot 이 생성될 것임

19. 각 슬롯에 코드 작성

 - 입력버튼을 눌렀을시, 라인에디트객체에 hello 글자로 세팅할 것임.

 - 지우기버튼을 눌렀을시, 라인에디트객체의 글자를 공백으로 세팅할 것임. (like 지우기효과)

 - 종료버튼을 눌렀을시, 현재 Dialog 창을 닫아버릴 것임.

 - 각 코드들은 아래 그림과 같음.

20. 실행해보기

 - IDE 창 왼쪽 아래에 보면 초록색 화살표 있음.

 - 그 위에 모니터는 Debug 로 선택할 것.

 - 화살표를 클릭하든지, 단축키 (Ctrl + R) 로 프로그램 실행

21. 정상적으로 실행

 - 오류가 없다면 작성한 GUI 를 띄워서 보여줄 것임.

 - 잘 작동하는지 눌러가면서 테스트해보기.

 - 옥히. 여기까지.