[QT] 간단한 GUI 계산기 만들어보자 -1

      로재의 개발 일기      

계산기..?

QT를 사용하여 간단한 계산기를 만들어 보겠습니다!

long long으로 매우 큰 숫자 범위를 사용할 수도 있지만

루트나 나눗셈을 사용해야 하기 때문에

double로 작성하였습니다.

프로그래밍 기초만 있으면 누구든지 따라할 수 있습니다.

  프로젝트 생성

상단 바의 가장 왼쪽에 있는 File의 new file or project를 통해서 프로젝트를 생성하면~

이런 창이 뜨게 되는데

Qt Widgets Application을 향하여 프로젝트가 저장될 위치를 선택해 주고

QDiglog를 통해서 프로젝트를 생성합니다. (나머지는 모두 default 값으로 진행해 주시면 돼요!)

저는 프로젝트 이름을 "calculator"로 하였습니다.

  기본적인 UI를 작성합시다.

기본적인 UI를 작성하여 소스코드의 기본적인 틀을 구성해봅니다.

ui 스크립트..?를 더블클릭 해주면

이런 창이 뜨게 됩니다.

이제 여기에서 ui를 배치해보도록 할게요.

우선 계산기 구조를 만들기 위해서는

"0~9까지의 숫자 + 연산자 + Clear + 결과를 다시 연산에 사용할 버튼" 이 담긴 하나의 구조

"첫번째 피연산자가 담길 구조"

"두번째 피연산자 + '='기호 + 결과가 담길 구조"가 필요하게 됩니다.

즉 세개의 컨테이너가 필요하게 됩니다.

'gridLayout' (1개) 은 숫자들과 연산자들을 가로 세로로 배열하기 위해서 생성하였고요.

'horizontalLayout' (2개) 은 연산자 및 각종 layout을 수평으로 정렬시키기 위해서 생성하였습니다.

이제 .. 연산자를 넣을 공간 및 각종 패드를 넣어보죠.

왼쪽 바에 있는 buttons의 pushButton을 gridLayout에 넣습니다.

gridLayout의 아래부분이나 왼쪽 끝 부분에 마우스를 가져가보면

파란색 줄이 생겨요.

그런 식으로 드래그 인 아웃 시키시면 간단하게 생성이 됩니다.

열심히 드래그 인 아웃 시킨 결과

4x5 다이얼 패드를 생성하였습니다.

이제 피연산자와 연산자 및 결과가 들어갈 textline을 생성할거예요.

Input_Widgets에 있는 Line Edit을 가져옵니다.

다음과 같이 크기 조정 및 생성을 하고

'=' 기호와 연산자가 들어갈 공간을 넣어볼까요?

Display Widgets에 있는 Label을 가져와서

두 레이아웃 사이와 두 번째 레이아웃 중간에 넣어줘요.

이제 "TextLabel" 및 "PushButton"을 더블클릭하여

내용을 변경시켜줍니다. (중간에 연산자가 들어갈 공간은 일부러 비웠습니다)

기본적인 틀이 만들어졌네요.

하지만, 이 버튼 하나하나가 가지고 있는 아이디는 pushButton_1... 2 ..이기 때문에

왼쪽 object에 있는 pushButton_숫자 및 내용으로 수정해줍니다.

마찬가지로 피연산자들과 결과가 들어갈

label과 textLine의 id도 변경 시켜줘요.

다음과 같이 변경을 해 줬습니다.

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