다음은 MiPlatform을 이용해 Hello, MiPlatform Project 예제입니다.
Hello, MiPlatform은 버튼 클릭으로 화면에 메시지를 표시하는 예제 프로그램입니다.
Project 생성
1
Project Manager를 실행하고, New Project 버튼을 클릭합니다.
Project Manager
2
Project Wizard의 Step 별로 설정값을 입력합니다.
Project Wizard – Step1
속성 | 값 |
|---|---|
Name | Hello |
Character Set | Utf-8 |
Working Folder | C:\Documents and Settings\ LoginUserID \My Documents\TOBESOFT\MiPlatform330\Hello |
3
Project Wizard의 Step2 ~ Step4는 기본 옵션을 그대로 사용합니다.
Project Wizard의 Step이 모두 끝나면 Project Manager에서 추가된 Project를 확인할 수 있습니다.
탐색기에서 Start XML과 Working Folder를 확인하면 Project가 정상적으로 생성이 되었는지 확인할 수 있습니다.
Hello 정보
4
Hello Project를 Open합니다.
Open Hello Project
Form 생성
1
Ctrl+N을 누르거나 MenuBar에서 [File > New]를 선택해 Form을 생성합니다.
New Form
Make New
2
Form을 선택하고, Select Template에서 Empty Form을 선택해 빈 Form을 생성합니다.
Select Template
3
Form의 설정값을 입력하고 Finish 버튼을 클릭해서 Form의 생성을 완료합니다.
Form Properties
속성 | 값 |
|---|---|
Name | formHello |
Form ID | formHello |
Title | Hello, MiPlatform |
Path | 'Name'값에 따라 XML파일명이 자동으로 지정 |
4
프로그램 실행 시 첫 페이지로 사용하기 위해서 생성된 Form을 InitUrl에 등록합니다.
Project Manager 창에서 Hello Project를 선택하고, InitUrl에 DefApp::formHello.xml이라고 등록합니다. (.xml은 생략 가능)
즉 'DefApp' Application Group의 'formHello' Form을 시작페이지로 설정하겠다는 의미입니다.
InitUrl 설정
5
Ctrl+F5를 누르거나 ToolBar의 Launch Project 아이콘을 클릭해서 Hello Project를 실행해 볼 수 있습니다.
Launch Project
6
formHello Form에 어떠한 Design도 하지 않았기 때문에 빈 화면이 Open 되고, Title에 Hello, MiPlatform이 표시됩니다.
Hello Project 실행 화면
7
Ctrl+F6를 누르거나 ToolBar의 Quick View 아이콘을 클릭해서 formHello Form을 실행해 볼 수 있습니다. 결과는 위의 그림과 같습니다.
Design & Script 작성
1
ComponentBar에서 Button Component를 마우스로 클릭해서 선택합니다.
Component Bar - Button
2
선택된 Button Component를 Form 위의 원하는 위치에 마우스 Drag & Drop으로 크기를 정하여 배치합니다.
Button Component의 배치
3
배치된 Button Component의 속성을 Properties 창에서 변경합니다.
Button Component의 Properties
속성이 반영된 Button Component
4
Button Component를 클릭했을 때 메시지를 표시하기 위해 Properties의 Event 창으로 이동해 “OnClick” Event를 선택하고, 항목란(btnHello_OnClick)을 마우스 더블클릭하면 해당 함수가 자동으로 생성되고, Script 창으로 이동하여 Script 작성을 할 수 있도록 합니다.
물론, 임의의 함수명을 입력하거나 이미 작성된 함수를 선택할 수도 있습니다.
Button Component의 OnClick Event 생성
5
OnClick Event 함수에 메시지 박스를 띄워서 지정한 문자열을 사용자에게 보여주는 alert Method를 작성해 줍니다.
OnClick Event 작성
실행
저장(Ctrl+S)으로 변경된 내용을 저장하고, Launch Project(Cttl+F5) 또는 Quick View(Ctrl+F6)로 실행합니다.
실행된 화면에서 Button을 클릭하면 메시지창이 나타납니다.
Hello, MiPlatform 실행