Getting Started Guide for Boa Constructor 4

wxPython의 IDE Tool중 공개적으로 사용할 수 있는 Boa Constructor(이하 Boa)를 이용하여 간단한 Application 프로그램 제작 방법을 간략히 알아본다.

※ Boa는 버전 0.2.3 이번버전에서는 아직 다른 상용 IDE Tool에 비하여 완벽한 모습을 보이고 있지는 않지만, wxPython을 이용하여 제작되었고 낮은 버전에 비해 많은 기능이 탑재되어 있어서 앞으로 발전할 가능성이 많아 보인다.

앞 강좌 중 Boa 윈도우 구성을 다시 한번 살펴보겠다.

① Palette Window : 여러 Window들을 가져오거나 각종 Helper있는 Window로 첫 번째부터 inspector, Editor, Class Explore Window를 열 수 있다. Designer에서 사용될 여러 가지 컴포넌트를 각 속성별로 분류

② Inspector Window : 컴포넌트의 속성변경과 Application에서 Event별로 Event Hander의 설정을 하는 Window

③ Editor Window : 애플리케이션의 코드와 프로젝트를 Edit를 할 수 있도록 지원하는 Window으로 Python Shell, File Explore, Editor등을 Tab형태로 지원한다.

5. Dialog Window 생성

이제 마지막으로 Dialog Window를 Help-About Menu에 달아보도록 하겠다.

Dialog는 Frame1의 component가 아니며 별도의 Python File로 만들어진다.

Application module인 App1를 선택 후 Palette Window의 New Tab에 7번째 아이콘을 클릭한다.

Dialog Icon을 클릭하면 아래의 화면처럼 Editor window의 App1의 Application Tab에 Dialog1이 보이고, 별도의 Dialog1.py Tab이 보인다.

[App1의 Application Tab에 Dialog1추가]	[Dialog icon 클릭후 생성 Dialog1.py Tab]

각각의 Python 파일을 저장하는데 Dialog1은 App1과 같은 경로에 저장을 한다. 이제 About Manu에서 이 Dialog를 호출하면 된다.

먼저 Frame1에 Dialog1을 import한다. 아래는 해당하는 소스코드이다.

import Dialog1

…

def OnMenu2Items0Menu(self, event):

dlg = Dialog1.Dialog1(self)

try:

dlg.ShowModal()

finally:

dlg.Destory()

실행하면 About메뉴를 클릭하면 조그마한 Dialog Window가 보일 것이다.

이제 이 Dialog Window를 좀 더 꾸며보도록 하겠다. 여기에 Text, Bitmap Image, 닫기 버튼을 추가한다.

Text 추가

Editor Window에서 Dialog1 Tab을 클릭 후 Frame Designer를 클릭하면 Dialog를 편집할 Window가 나타난다. 여기에서 해당하는 Component를 등록할 수 있다. 화면 Design 하는 방법은 다른 IDE Tool과 비슷하다. 먼저 등록할 Component를 선택 후 Dialog에서 클릭을 하면 등록이 된다.

[Dialog에 Title 입력 ]

BitMap Image 추가

BitMap Image를 Basic Control Tab에서 추가한다.

Constr Tab에서 Bitmap을 클릭하면 dot 3개로 구성된 버튼이 보이는데 이것을 클릭하면 이미지를 선택할 수 있는 Window가 뜬고 해당 이미지를 선택한다.

[Bitmap image 파일설정중]	[Bitmap image 설정화면]

닫기 버튼 추가

Button는 Inspector Window의 Constr Tab에서 Label을 ‘Close’로 준다.

Click Event 처리를 위한 Event Handler를 자동 생성하기 위해 Evts Tab에 ButtonEvent를 클릭하면 Event Handler인 OnButton1Button method가 생성이 된다.

Designer Window를 닫고 파일을 저장 후 [닫기]버튼의 Event를 처리하기 위해 Dialog.py에 Event Handler 실행을 위한 소스코드를 추가한다.

#Dialog.py

4. 완료 테스트

이렇게 작성이 된 모든 소스를 저장하고, App1을 선택 후 실행(F9)하면 아래의 화면이 나타난다.

[App1을 실행한 화면]	[Help메뉴의 About를 실행한 Dialog 화면]