친절한곳

Qt Designer 활용 화면 구성 쉽게하기 


자동매매를 들어가기 전 간단한 키움 API를 사용해보겠습니다.
일단 화면 구성부터 해야 하는데요.
소스 코드로 화면을 구성하려면 x축 시작점, Y축 시작점, 넓이, 높이를 계산하여 구성해야 합니다.
그렇게 하면 어렵기 때문에 Qt Designer로 간단하게 화면을 구성할 수 있습니다.
Qt Designer란 아래와 같이 클릭만으로 쉽게 화면을 구성할 수 있는 프로그램 같은 것입니다.



Qt Designer는 따로 설치가 필요 없습니다.
아나콘다 배포판에는 설치된 경로 Anaconda3\Library\bin 디렉터리 밑에 designer.exe 파일이 포함되어 있습니다.
(저는 C:\Users\devshj\Anaconda3\Library\bin 밑에 있습니다.)
자주 사용하니 해당 파일을 바탕화면에 바로가기를 만들어 두는 것도 좋습니다.



먼저 designer.exe 파일을 더블클릭하여 실행합니다.

이후 노출되는 창에서 아래와 같이 Main Window 선택 후 생성(R) 버튼을 클릭합니다.




이후 노출되는 창에서 메뉴 표시줄은 필요 없으니 삭제하겠습니다.
아래와 같이 여기에 입력하십시오 부분에서 마우스 우측 버튼을 클릭합니다.
이후 노출되는 창에서 메뉴 표시줄 삭제 버튼을 클릭합니다.



그리고 로그인 버튼을 만들어 보겠습니다.

왼쪽 Buttons 항목에 보시면 Push Button이 있습니다.

해당 부분에 마우스 왼쪽을 클릭한 상태로 드래그를 하여 MainWindow 내부 원하는 위치에 옮깁니다.




이제 해당 버튼을 소스 코드에서 컨트롤 할수 있도록 objectName 을 변경하도록 하겠습니다.

objectName은 기본 pushButton으로 설정되어 있지만,

소스에서 알아보기 쉽도록 아래와 같이 오른쪽 중앙 objectName 부분에 pushButton 값을 btnLogin 으로 변경하겠습니다.




다음으로 PushButton 이라고 노출되는 글자를 로그인 으로 변경 하도록 하겠습니다.

MainWindow 화면에서 PushButton 이라고 노출되는 부분을 더블 클릭하여 수정이 가능하며,

오른쪽 속성 편집기 화면에서 Qwidget 항목을 ∨ 아래 화살표를 클릭하여 닫거나

왼쪽 스크롤바를 아래로 내려 QAbstractButton 항목이 노출되도록 한뒤

text 옆에 PushButton 값을 더블 클릭하여 로그인으로 수정 하도록 합니다.




아래의 화면은 로그인으로 수정된 화면입니다.
이처럼 Qt Designer 로 간단하게 원하는 위치에 보면서 화면을 만들 수 있습니다.
(물론 버튼의 크기 및 위치도 조절 가능합니다.)



다음으로 종목코드 Label을 생성하도록 하겠습니다.
아래의 화면과 같이 좌측 Display Widgets 항목 중 Label 항목을 왼쪽 클릭 드래그 하여 MainWindow에 올려둡니다.
그리고 objectName 을 labelCode, text를 종목코드 로 변경합니다.
(Label은 소스에서 컨트롤하는 일이 없음으로 굳이 objectName을 변경하지 않아도 됩니다.)



다음으로 종목코드를 입력할 수 있는 Line Edit를 생성하도록 하겠습니다.
아래의 화면과 같이 좌측 Input Widgets 항목 중 Line Edit 항목을 왼쪽 클릭 드래그 하여 MainWindow에 올려둡니다.
그리고 objectName 을 lineEditCode, placeholderText를 종목코드 입력으로 변경합니다.
placeholderText는 사용자의 입력을 도와주는 힌트 메시지가 노출되는 것입니다.



다음으로 조회 버튼을 만들도록 하겠습니다.
아래의 화면과 같이 좌측 Buttons 항목 중 Push Button 항목을 왼쪽 클릭 드래그 하여 MainWindow에 올려둡니다.
그리고 objectName 을 btnSearch, text를 조회로 변경합니다.



마지막으로 동작하는 내용을 노출시키는 텍스트 창을 만들도록 하겠습니다.

아래의 화면과 같이 좌측 Input Widgets 항목 중 Plain Text Edit 항목을 왼쪽 클릭 드래그 하여 MainWindow에 올려둡니다.
그리고 objectName 을 pteLog로 변경합니다.




완료가 되었다면 Ctrl+S를 눌러 바탕화면에 파일명을 apiTest.ui로 하여 저장합니다.




이상으로 키움 API 사용을 위한 화면 구성이 완료되었습니다.

다음 챕터에서는 만들어진 화면을 사용하여 API를 사용해보도록 하겠습니다.





주식 자동매매, 주식 어플, 주식 정보 웹 스크래이핑, 공시 정보 연동 등

주식에 관심이 있는 사람들에게 도움이 될 정보를 기본부터 차근차근 정리할 예정입니다.

해당 글을 보고 지적 사항, 수정 사항이 있다면 언제든지 댓글, 또는 메일로 연락 부탁드립니다.

여러분의 관심이 글을 보는 다음 누군가에겐 큰 도움이 될 것입니다. 감사합니다.