5.12편-Qt Designer xxx.ui 를 .py 코드로 변경

Qt Designer 로 xxx.ui 의 경우 Designer 툴로 편집하는 장점은 있으나 동적 UI 생성이 어려운 점이 있었습니다.

예를 들면 windows 를 확대하거나 축소 시를 고려하는 것이 어렵더군요.

선택 기준	Qt Designer 사용	코드 작성
빠른 UI 개발	✅ 유리	❌ 불리
UI 변경이 잦음	❌ 불리	✅ 유리
동적 UI 생성	❌ 불리	✅ 유리
초보자 접근성	✅ 유리	❌ 불리
버전 관리 편의성	❌ 불리	✅ 유리
복잡한 애니메이션	❌ 불리	✅ 유리

그래서 xxx.ui 를 코드 작성하는 것으로 변경하였습니다.

1) 코드 생성

xxx.ui 파일을 전체를 복사 후에 아래와 같은 ChatGPT 프롬프트를 사용하였습니다.

다음은 python Qt designer 로 만들어졌습니다.
이를 .ui 파일이 아닌 .py 파일로 수정해주세요.
accountBalance, accountStocks 는 우측  layout 으로 표시해주세요.

코드 생성 후 다음과 같이 추가적인 프롬프트를 사용하였습니다.

브라우저를 종료 후에 입력하지 말고 기존 프롬프트 창에 계속 입력하면 됩니다.

accountBalance 의 경우 table 이 2라인입니다. window 확대 시에 table 이 2 라인인 것을 고려하여 확대해주세요.

accountStocks 에 2행 3열의 table 은 보입니다. 그런데 나머지 부분이 횐색으로 표시됩니다. 2행 3열의 table 크기에 맞추어 횐색 부분의 크기를 줄여주세요.

 

전체 코드는 아래 git 에서 확인 할 수 있습니다.

git clone https://github.com/jbpark/JbTraderExample.git
cd JbTraderExample/jbtrader/ch5.12

 

2) 코드 실행

실행 결과 확대 축소 시에 정렬이 잘되는 것을 확인 할 수 있습니다.