Qt 강좌4 GUI 위젯 애플리케이션(widget Application)

Qt 강좌4 GUI 위젯 애플리케이션(widget Application)

1. 다음과 같이 프로젝트를 생성합니다. 

2. Qt Widgets Application을 선택합니다 .

3. Name 에 FirstGUI를 입력합니다. 

4. 다음으로 넘어가요. 

5. 다음으로 넘어가요. 

6. 다음으로 넘어가요. 

7. 기본적인 프로젝트가 생성되었습니다. 

8. 위와 같은 프로젝트 파일들이 생성되었습니다. 

9. 위의 화면은 main.cpp 파일 입니다. 

10. 위의 화면은 mainwindow.h 파일입니다. 

11. 위의 화면은 mainwindow.ui 화면입니다. 

12. 왼쪽 Buttons 메뉴에서 Push Button을 마우스로 폼화면으로 드래그 앤 드롭하면 PushButton 이 생깁니다. 

오른쪽 노란칸 프로퍼트(Property) 창을 보면 objectName에 pushButton으로 나옵니다. 

13. 두번째 푸시버튼도 폼화면에 끌어다 놓으면 생깁니다. 

두번째 푸시버튼부터는 objectName에 언더버 _숫자로 생깁니다. 

14. 두번째 푸시번튼은 Delete키로 삭제하고, 첫번째 푸시버튼의 objectName을 pushButtonClose로 변경해 줍니다. 

15. 푸쉬버튼을 더블클릭하면 푸쉬버튼의 텍스를 바꿀수 있습니다. 

16. Click Me 바꿉니다. 

17. 컴파일 해 봅니다. 

18. 컴파일하면 위와 같은 창이 나타났니다. 

19. 화면 상단에 Edit Signals/Slots를 클릭합니다. 

20. 그럼 폼 화면이 격자 점들이 사라집니다. 

그리고 시그널과 슬롯을 선택할수 있습니다. 

21. 버튼을 마우스로 누르고 

22. 폼 화면에 놓습니다. 그럼 빨간색 줄로 접지표시처럼 나와요.

버튼이 시그널이고 폼 화면이 슬롯입니다. 

23. 그리고 Configure Connection (연결 구성) 박스가 나와요. 

24. clicked()를 선택하고 

25. 아래 체크박스 Show signals and slots inherited from QWidget 를 체크합니다. 

26. 그럼 오른쪽 리스트박스에 수많은 명령어들이 나와요. 그중 첫번째 close()를 선택합니다. 

즉, 버튼을 클릭하면 클로즈(창을 닫겠다)라는 명령을 내리게 됩니다. 

27. 위와 같은 화면이 보일거에요. 

28. 그리고 다시 위의 Edit Widgets를 선택합니다. 

29. Edit Widgets를 선택하면 시그널, 슬로 빨간줄선이 안보입니다. 

30. 그리고 컴파일해보겠습니다. 

31. 컴파일 하면 창이 나오고, Click Me 푸시버튼을 누리면 창이 닫힙니다. 

32. 위의 화면에서 Edit Signals/Slots를 선택해서 시그널과 슬롯을 삭제해보겠습니다. 

33. 시그널&슬롯 빨간색 선을 마우스로 클릭하고 Delete를 선택하면 삭제됩니다. 

34. Edit Widgets를 선택하고

35. 완쪽 메뉴 Display Widgets에서 Label를 선택하고 폼 화면에 드래그 앤 드롭해주세요 . 

그럼 TextLabel 생성됩니다. objectName은 label입니다. 

36. Label를 더블클릭해서 이름을 Status로 바꿔줍니다. 

37. Click Me 푸쉬버튼을 우클릭합니다. 

38. Go to slot를 선택합니다. 

39. 그리고 clicked()를 선택합니다. 

40. mainwindow.cpp 화면으로 넘어갔니다. 

그리고 void MainWindow::on_pushButtonClose_clicked() {} 코드가 생성되었습니다. 

41. 그리고 다음과 같이 코딩합니다. 

ui->label->setText("버튼이 눌렸습니다."); 

버튼을 누르면 라벨상자에 "버튼이 눌렸습니다"가 나오게 하는 코딩입니다. 

42. 컴파일을 하면 위와 같은 창이 나와요.

43. Click Me 버튼을 누르면, 라벨박스의 "Status"가  "버튼이 눌렸습니다." 텍스트로 바뀝니다.