Getting Started Guide for Boa Constructor 2

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형태로 지원한다.

앞에 강좌에서 Boa에 관한 설치하는 방법과 사용에 필요한 구성 등을 간략하게 살펴보았다.

이번에는 Boa를 이용하여 간단한 Application을 제작해보도록 하자.

이제 간단한 텍스트 Editor Application을 만들어 보자.

구성 메뉴 :

- File(Open, Save, Save As, Close)

- Help(About)

제작 순서 :

- Frame 생성, Status Bar

- Menu 생성, Menu Event Handler 생성, Menu Bar 생성

- Text Control

- Event Handler 처리

- Dialog Window 생성

- 완료 테스트

앞 강좌에서 Boa를 설치하고, 바탕화면에 바로가기 이이콘을 만들었다. 이 아이콘을 실행한다.

1. Frame 생성

Palette Window에서 [New]Tab에서 5번째 Icon인 wx.App를 클릭하면 위의 그림처럼 App1, Frame1 파일이 자동 생성된다.

여기서 파일명을 다른 이름으로 수정해도 되지만 그냥 이대로 계속 진행하도록 하겠다.

임의로 생성된 파일이름 양 옆으로 *(파일이름)*으로 표시가 되어있는데 Save를 하면 파일을 저장하면 ‘*’ 표시는 없어진다.

자동 생성된 파일을 저장하고, App1을 선택한 후 실행을 해보면(실행은 단축키 [F9]이다) 아래 그럼처럼 아무것도 없는 Application이 실행된다.

wxApp1을 살펴보면 상용 IDE의 Application 개념처럼 해당 각 컴포넌트를 생성 관리하는 기능을 담당하는 것으로 Application Tab에서는 컴포넌트의 List를 확인해 볼 수 있다.

Frame에 제목 Title을 추가

Editor Window에서 Frame1 Tab을 선택 후 메뉴바의 "Frame Designer" 아이콘을 클릭한다.

클릭하면 아래의 화면처럼 Frame1에 대하여 Visual Basic과 유사한 Frame 속성을 나타내는 tor와 Design을 편집할 수 있는 Window, Data Tab이 나타난다.

     [ Design Window For Frame1]                      [Frame Inspector]

Frame title을 변경하고자 한다면 Inspector의 Title 속성에 NoteBook을 입력하면 이에 Frame의 Design Window에 즉시 표시된다. Frame Window창을 닫고 Edit Window의 Frame1을 저장, App1을 선택 후 실행([F9])을 하면 Window title에 Frame1이라는 title이 NoteBook라는 title로 변경되었음을 알 수 있다.

1-1. Status Bar

Editor Window에서 Frame을 선택 후 "Frame Designer" 를 실행한다.

Containers/Layout Tab에서 7번째인 Status Bar를 클릭 후 Frame Designer로 실행한 Frame을 Click하여 statusBar를 삽입한 후 아래쪽으로 이동시킨다.

statusBar를 선택한 후 Inspector Window의 [Props] tab의 Fields 속성을 클릭하여 dot 3개의 버튼이 보이면 클릭하면 Collection Editor가 나타난다.

Collection Editor의 첫번째 아이콘을 클릭하여 Fields를 생성하면 Inspector Windows에 해당하는 Name의 속성이 보이게 된다. 속성값 중 Text에 “Status”을 입력 후 Collection Editor의 3번째 아이콘인 [Refresh]를 클릭하여 Design Window For Frame1의 statusBar의 변화를 확인 할 수 있습니다.

                  [Collection Editor 작업 화면]                            [저장 후 실행 화면]