6.Global Contents

Edit

Global Contents는 Project에서 공통으로 사용하는 Variables, Datasets 및 Script 등을 모아놓은 곳입니다. Project 내의 어느 곳에서든지 Global Contents를 호출할 수 있습니다.

Global Contents에는 Global Variables, Global Datasets, Script, Style, User Color, EXTAPIS, Images, Menu, MID info 및 Frames가 있습니다.

그림 6-1Project Explorer에서 Global을 선택한 화면

6.1Global Variables

Global Variables는 Project 내에서 전역적으로 사용하는 변수입니다.

변수의 추가, 삭제 및 변경 작업을 하려면 Project Explorer에서 Global Variables를 더블클릭합니다.

[그림 6-2]는 Edit Variable 창이 실행된 화면입니다.

그림 6-2Global Variable 편집 창

표 6-1Variable 속성

영역

속성

설명

1

ID

변수 이름

2

Type

변수 타입

- Global: 일반적인 전역 변수

- Share: 데이터 통신을 위해 선언하는 변수

3

Value

변수값

4

Comment

변수에 대한 주석

5

Add Variable

Variable 추가

6

Delete Variable

Variable 삭제

[그림 6-3]은 전역변수를 Script에서 사용한 화면입니다. 화면을 실행하면 Global Variables의 gsMsg1 변수에 입력해 두었던 Hello, Global Variable1 문자열이 메시지 박스에 나타납니다. 전역 변수는 global 접두어를 붙이거나 변수 이름을 직접 사용할 수 있습니다.

그림 6-3Global Variable의 사용

6.2Global Datasets

Global Datasets은 Project에서 전역적으로 사용할 수 있는 Dataset입니다. Global Dataset의 생성 및 편집 방법은 4장 [4.4. Dataset의 사용]을 참고하십시오.

그림 6-4Global Dataset Editor

6.3Script

Global Script는 Global Datasets에 관련된 Event 함수와 사용자 정의 함수를 작성하는 곳입니다.

Global Script와 Library Script의 다른 점은 위치와 사용법입니다. Global Script는 Start XML에 위치하기 때문에 Script Name으로 직접 사용합니다. 그러나 Library Script는 Application Group에 위치하기 때문에 Prefix::Scriptname으로 사용합니다.

표 6-2Global Script와 Library Script의 차이점


Global Script

Library Script

위치

Start XML

Application Group

사용법

Script Name

Prefix::Scriptname

그림 6-5Global Script Editor

6.4Style (V3.3 개선)

Style은 Component의 글꼴, 색 등의 Style을 미리 정의하여 사용하는 곳입니다. [그림 6-6]은 Impact, Mild, System의 세 가지 Style을 정의해 놓은 화면입니다. 작성된 Style Template은 각 컴포넌트의 Style Property에서도 사용할 수 있습니다.

그림 6-6Style Template Editor

[그림 6-7]은 Button 컴포넌트의 Properties 창의 Style 속성을 설정하는 화면입니다. Global Style을 선택하면 등록되어 있는 Style의 리스트가 나타납니다.

그림 6-7Properties 창에서 Style속성을 변경하는 화면

[그림 6-8]은 Impact 속성을 적용한 Button 컴포넌트 화면입니다. Style에서 설정된 폰트, 배경색 등이 바뀐 것을 알 수 있습니다.

그림 6-8Style을 적용한 예

V3.3에서 Style Template Editor에서 Style 목록 표시 영역에 Popup Menu를 사용하여 보기 목록에 표시되는 Icon을 크게 또는 작게 볼 수 있습니다. 선택한 보기 방법은 저장되어 PID를 종료하였다가 다시 띄워도 설정한 방법으로 목록을 표시하도록 개선하였습니다.

그림 6-9Style Template Editor

6.5User Color

User Color는 사용자가 지정한 임의의 색을 편집하는 곳입니다. User Color는 각 Component의 Color 속성값으로 10개까지 등록할 수 있습니다. Component의 각 Color Properties 목록에서 User Color는 Property의 Default 값 아래에 위치합니다.

그림 6-10User Colors Editor

[그림 6-11]은 Button 컴포넌트의 속성 중 BKColor를 User Color로 설정하는 화면입니다.

그림 6-11Properties 창에서 Color 속성값을 변경하는 화면

[그림 6-12]은 User3에 설정된 Greenyellow 색을 설정한 Button 컴포넌트입니다.

그림 6-12User Color를 적용한 예

6.6EXTAPIS

EXTAPIS는 이미 정의된 API 이외에 개발자가 임의로 만들어낸 API를 편집하는 곳입니다.

[그림 6-13]는 EXTAPIS를 등록, 수정, 삭제할 수 있는 창입니다. API의 작성방법은 Administrators Guide를 참고하십시오.

그림 6-13EXTAPIS

6.7Images

Images는 Project 내에서 사용되는 Image를 편집하는 곳입니다. Images는 .res 파일의 형태로 저장이 됩니다. ImageID 속성값을 입력하거나 선택하여 Images를 사용합니다. [그림 6-14]은 Image Resource를 관리하는 Editor 화면입니다. Image를 추가하거나 삭제할 수 있습니다.

그림 6-14Image Resource Editor

표 6-3Image Resource Editor 속성

영역

속성

설명

1

Save Pat...

Image Resource가 저장되는 경로 및 파일 이름

2

Image List

등록된 Image 리스트

3

Add Image

Image 추가

4

Delete Image

Image 삭제

5

Preview

Image 미리보기

6

Image Size

Image 사이즈 (단위: Pixel)

7

Export Image File

등록된 Image를 BMP 파일로 저장

8

Export Images Folder

등록된 Image 전체를 지정된 폴더에 BMP 파일로 저장

이미지를 등록하고 Form에 보여주는 예를 작성합니다.

표 6-4Image 예제 속성 값

속성

이미지 경로

C:\Program Files\TobeSoft\MiPlatform310\Tutorial\Image

이미지 파일 1

BMP.bmp

이미지 파일 2

GIF.gif

이미지 파일 3

JPG.jpg

리소스 경로

C:\Program Files\TobeSoft\MiPlatform310\Hello\image

리소스 파일 이름

Hello.res

[그림 6-15]와 같이 Resource 파일을 생성합니다. 파일 이름은 Hello을 사용합니다.

그림 6-15Resource 파일생성

[그림 6-16]의 + 버튼을 클릭하여 Import image from .. 대화 상자를 열어 Image를 추가합니다.

파일형식은 Bitmap(BMP)이 기본적으로 선택됩니다. jpg, gif 등 다른 형식의 Image 파일도 등록할 수 있습니다.

그림 6-16Image의 등록

[그림 6-17]는 Resource에 이미지가 등록된 화면입니다. Preview 창을 이용하여 등록된 Image를 확인한 후 OK 버튼을 클릭합니다. Image가 리소스 파일에 저장됩니다.

그림 6-17Image가 추가된 화면

[그림 6-18]과 같이 Form에 Image 컴포넌트를 추가합니다.

그림 6-18Form에 Image 컴포넌트 추가

[그림 6-19]과 같이 Image 컴포넌트의 ImageID 속성값을 설정합니다.

그림 6-19Image 컴포넌트의 ImageID 속성

[그림 6-20]와 같이 Image 컴포넌트의 FillType 속성값을 설정합니다. FillType 속성은 Image 컴포넌트에 원본 이미지를 채우는 방법입니다.

그림 6-20Image 컴포넌트의 FillType 속성

[그림 6-21]은 Image 컴포넌트를 사용한 화면입니다. FillType 속성에 따라 화면에 다르게 표시됩니다.

그림 6-21Image 컴포넌트 예제

표 6-5Image 컴포넌트 - FillType

영역

FillType

1

NONE

Image 컴포넌트의 사이즈에 관계없이 원본 이미지 사이즈로 표시

2

STRETCH

Image 컴포넌트의 사이즈에 맞게 원본 이미지 사이즈를 변환하여 표시

3

TILE

원본 이미지를 Tile 형태로 컴포넌트의 사이즈 안에 배치하여 표시

6.8Menu

Menu는 프로젝트의 메뉴를 구성하는 곳입니다. [그림 6-22]은 Menu를 편집하는 Menu Editor 창 화면입니다.

그림 6-22Menu Editor

표 6-6Menu의 설정

영역

속성

설명

1

Menu

만들어진 메뉴 미리보기

2

Add Item

메뉴 아이템 추가

3

Delete Item

메뉴 아이템 삭제

4

Child

옵션을 선택하고 추가를 하면 선택된 아이템의 Child 메뉴 생성

5

ID

메뉴 아이템의 컴포넌트 ID

6

Text

화면에 표시되는 메뉴 아이템의 제목

7

URL

메뉴를 클릭 시 이동할 위치 (사용법: Prefix::XML파일 이름)

Child 메뉴가 존재하면 URL 항목은 비활성화됩니다.

8

Enable

메뉴 아이템 항목의 활성화 여부 설정

9

Separator

아이템과 아이템 사이를 구분하는 표시 설정

[그림 6-23]와 같이 + 버튼을 클릭하면 새로운 메뉴가 생성됩니다. 이때 Child 옵션을 선택한 후 + 버튼을 클릭하면 선택된 메뉴 아래에 Child 메뉴가 추가됩니다.

그림 6-23Child가 존재하는 메뉴

[그림 6-24]은 메뉴와 메뉴 사이를 구분하는 Separator를 설정한 화면입니다. Separator 옵션을 선택하면 나머지 속성이 비활성화됩니다.

그림 6-24Separator의 추가

[그림 6-25]는 메뉴를 클릭 시 이동할 URL을 설정하는 화면입니다.

URL의 형식은 Prefix::XML파일 이름입니다. URL이 defApp::form3인 경우 defApp 이름을 가진 Application Group 안에 form3이름을 가진 Form 파일을 의미합니다.

그림 6-25메뉴의 URL설정

[그림 6-26]는 작성된 메뉴를 실행한 화면입니다.

그림 6-26Menu를 사용한 예제

6.9Domain

Domain은 동일한 Project에서 서로 다른 환경이 적용될 때 사용됩니다. 국가별, 사용자별 등 다양한 요구에 따라 다르게 설정할 수 있습니다.

그림 6-27Domain Editor

Domain 정보 파일

Domain은 Project Explorer의 Global 탭에서 설정할 수 있습니다.

[그림 6-27]은 Domain 설정을 편집하는 Editor 화면입니다. Domain 정보를 설정한 후 OK 버튼을 클릭하면 Domain 정보가 파일로 저장됩니다. 저장된 파일 정보는 Project Manager의 Attribute 탭에서 확인할 수 있습니다. 또한 미리 작성된 Domain 정보 파일을 불러올 수도 있습니다.

Component에 Domain 정보 적용하기

[그림 6-27]과 같이 Domain의 Text 속성값을 사용자의 언어에 따라 4개 작성합니다.

예) Kor - 한국, jpn - シイケ, eng - korea, chn - 韓國

Form에 Button Component를 생성하고 DomainID 속성값에 Domain ID 값을 입력합니다. [그림 6-28]은 Domain ID를 다르게 하여 Form을 실행한 화면입니다.

그림 6-28Domain 속성의 적용

6.10MDI info.

MDI info.는 MDI(Multiple Document Interface)의 개발에 필요한 항목을 설정하는 곳입니다.

그림 6-29Demo Project에 사용된 MDI info.

표 6-7MDI info. 속성

영역

속성

설명

1

MDI info.

MDI 편집을 위한 Treeview의 제목

2

Forms

Child Form의 목록

3

Shortcuts

Form을 최소화할 때 표시되는 아이콘 설정

4

Properties

Form, Shortcut 속성 설정 창

3장에서 만들어본 Hello, MiPlatform!!! 프로그램을 MDI 형태로 만듭니다.

Project Explorer 창 Global 탭의 MDI info.를 더블클릭합니다. [그림 6-30]와 같은 MDI 편집 창이 나타납니다.[그림 6-30]의 + 버튼을 클릭하면 MDI Form이 생성됩니다.

그림 6-30MDI Item의 추가

[그림 6-31]과 같이 MDI Form의 속성을 편집합니다.

그림 6-31MDI 속성편집

6.11Frames

Frames는 화면을 분할하여 화면을 배치할 때 사용하는 Dockbar와 같은 역할을 합니다.

[그림 6-32]은 Demo Project의 Frames 화면입니다.

그림 6-32Frame 편집

그림 6-33Frame 편집 실행화면

6.12Global ServiceObjects (V3.3 제거)

V3.3에서 WebService연동부분이 제거되었으므로 이 부분 또한 제거 되었습니다.

6.13Global DataObjects (V3.3 제거)

V3.3에서 WebService연동부분이 제거되었으므로 이 부분 또한 제거 되었습니다.

6.14StartXml편집 기능 (V3.3 추가)

MiPlatform Start XML 편집을 위해 Project Manager를 이용한 Project 설정 변경 기능과 함께 Text

편집기를 사용해 Start XML 내용을 직접 편집할 수 있습니다.

그림 6-34Project / Edit Start XML

그림 6-35Project Explorer Popup / Edit

6.14.1Start XML 편집창 열기

Project / Edit Start XML Menu를 사용하거나 Project Explorer의 Global Tab에서 Project 항목을 선택한 후 Popup Menu의 Edit Menu를 사용하여 Start XML 편집 창을 열 수 있습니다.

이때 Start XML 파일의 Contents인 Global Script/ Dataset 편집 창이 열려 있다면 해당 편집 작업의 종료 후 Start XML 편집 창을 띄워 작업이 가능합니다.

그림 6-36기존 편집창 닫기

아울러 Start XML 편집 창을 연 후에는 Project Manager를 이용하여 해당 프로젝트 설정을 변경할 수 없습니다. Project Manager를 사용할 수는 있지만 현재 편집 작업을 하고 있지 않은 다른 프로젝트의 설정만을 변경할 수 있습니다.

현재 편집중인 Start XML에 해당하는 Project를 선택하면 Project Manager의 모든 편집 항목이 Readonly 로 표시됩니다.

그림 6-37편집 중인 Project 내용 보기

6.14.2Start XML 편집 / 저장

그림 6-38Start XML 편집

Start XML 편집 창을 연 후 일반 XML 편집과 같이 해당 파일의 내용을 편집한 후 저장합니다.

모든 편집 작업 종료 후 편집 창을 닫으면 해당 Project를 다시 Loading 하여야 합니다.

그림 6-39Project Reload Message