4.Project

XPLATFORM으로 실행되는 그룹 단위를 Project라고 부르며, xprj 확장자를 가진 파일로 생성되어 관리 됩니다. Project는 기본적으로 ADL, TypeDefinition, Global Variables, FDL로 관리되며 이 단락에서는 각각의 항목에 대해 설명합니다.

4.1Project 생성 마법사

Project 생성 마법사를 이용하여 새로운 Project를 생성할 수 있습니다. 메뉴 File[New – Project]에서 Project 생성 마법사를 시작합니다.

4.1.1New Project Wizard 1단계

생성될 Project의 Frame Template와 생성될 경로 및 Project명을 입력하는 단계입니다. Project명은 반드시 입력해야 하는 필수 항목이며, 생성될 경로에 동일한 Project명이 존재할 경우에는 생성할 수 없습니다.


속성

설명

1

Frame Template

Default: Default Frame으로 생성

HFrame: Horizontal Frame으로 생성

VFrame: Vertical Frame으로 생성

Tab Frame: Tab Frame으로 생성

Widget: Widget으로 생성

2

Project Template

기존 Project Template를 선택

3

Show List Icon

Project Icon 표시 방법을 결정

4

Project Information

현재 선택된 Template를 표시

5


Add to Current Project: 현재 작업중인 Project에 추가

Create a new Project: 새 Project를 생성

6

Name

Project 이름

7

Location

Project의 Root 폴더

4.1.2New Project Wizard 2단계(V9.2변경)

Project의 Character Set, Language, TypeDefinition등을 설정합니다.


속성

설명

1

Character Set

문자 Set을 설정

2

Language

언어를 설정

3

TypeDefinition

XML 선택

Create new TypeDefinition from default:

Default TypeDefinition으로 새로운 TypeDefinition 생성

Existing TypeDefinition:

기존 TypeDefinition을 적용

4

TypeDefinition

XML 경로

TypeDefinition XML의 경로

5

Position Type

Form Design에서 생성되는 Component positiontype의 기본값을 설정합니다.

Position: Position을 기본값으로 설정

Position2: Position2를 기본값으로 설정

4.1.3New Project Wizard 3단계(V9.2추가)

Project의 Screen Info를 설정합니다. Screen이란 Application 구동 시 필요한 화면 크기등과 관련된 정보들의 모음입니다.


속성

설명

1

Name

Screen의 이름

2

Theme

Screen에 사용할 Theme

3

System Type

Win32: 일반 Desktop

Android: Android Mobile Phone

iPhone: iPhone

4

OS

해당 장비에서 사용되는 운영체제

5

Device

장비의 종류

6

Description

Screen에 대한 설명(Description은 기능 동작에 영향을 주지 않습니다.)

7

Add Screen

Project에서 사용하는 Screen 정보를 추가하는 버튼

8

Delete

선택된 Screen정보를 삭제하는 버튼

4.2Application Definition Language(ADL)

Project에 전반적으로 적용되는 Style이나 Theme, MainFrame, Tray, Widget등을 관리합니다. Launch Project시 활성화된 ADL로 Project의 Style, Theme등이 적용됩니다.


메뉴

아이콘

기능

1

Edit Source


선택된 ADL의 XML을 편집하는 Source편집 창으로

이동

2

Edit Script


선택된 ADL의 Script를 편집하는 Script편집 창으로

이동

3

Insert ADL Item


Style: 스타일 CSS파일을 추가

MainFrame: MainFrame을 추가

Application Menu: MainFrame에 Menu 추가

Widget: 새 Widget 추가

Tray:Tray 정보 추가

Theme: Xtheme 파일 추가

Screen: Screen 정보 추가

4

Set as Active ADL


선택된 ADL을 활성화

활성화된 ADL에서 해당 메뉴는 Enable됨

3

Copy

ADL Menu에서는 지원되지 않는 기능

4

Cut

ADL Menu에서는 지원되지 않는 기능

5

Paste

ADL Menu에서는 지원되지 않는 기능

6

Collapse All


ADL 하위 Tree Item을 감춤

7

Expand All


ADL 하위 Tree Item을 펼침

8

Layout Template


현재 Layout을 Template으로 등록

9

Close


ADL Menu에서는 지원되지 않는 기능

10

Save

선택된 ADL의 정보를 저장

11

Save As…


선택된 ADL의 정보를 다른 이름으로 저장

12

Rename


선택된 ADL의 이름을 변경

13

Refresh


ADL XML을 Reload

14

Delete


선택된 ADL을 삭제

4.2.1MainFrame

XPLATFORM으로 만들어진 응용프로그램의 기본 화면을 구성합니다. MainFrame은 내부적으로 Titlebar와 Statusbar를 기본으로 갖고 있으며, 하위 구성요소로써 FrameSet, VFrameSet, HFrameSet, TitleFrameSet, ChildFrame, TabFrame, TabFramePage등을 갖고 있습니다. MainFrame항목은 각각의 ADL에 한 개만 입력이 가능합니다.


메뉴

아이콘

기능

1

Edit


MainFrame Editor 기능을 호출

2

Insert Frame


MainFrame에 하위Frame을 추가. 추가된 하위Frame의 종류에 따라 하위Frame을 반복적으로 추가 가능

(각 Frame의 상세설명은 [표 6-6] Frame Type을 참조)

3

Copy

Main Menu에서는 지원되지 않는 기능

4

Cut

Main Menu에서는 지원되지 않는 기능

5

Paste

Main Menu에서는 지원되지 않는 기능

6

Collapse All


MainFrame의 하위 Tree Item을 감춤

7

Expand All


MainFrame의 하위 Tree Item을 펼침

8

Close


Main Menu에서는 지원되지 않는 기능

9

Save

편집 중인 MainFrame을 저장

10

Save As…


Main Menu에서는 지원되지 않는 기능

11

Rename


Main Menu에서는 지원되지 않는 기능

12

Refresh


Main Menu에서는 지원되지 않는 기능

13

Delete


선택된 Frame Item을 삭제


Frame

설명

1

FrameSet

MainFrame의 하위에 오는 Frame으로, 하위Frame들을 자유롭게 배열 가능. 하위Frame으로 FrameSet, HFrameSet, VFrameSet, TitleFrameSet, ChildFrame, TabFrame들을 반복적으로 추가 가능

2

VFrameSet

MainFrame의 하위에 오는 Frame으로, 수직 방향으로 하위Frame들을 자유롭게 배열 가능. 하위Frame으로 FrameSet, HFrameSet, VFrameSet, TitleFrameSet, ChildFrame, TabFrame들을 반복적으로 추가 가능.

3

HFrameSet

MainFrame의 하위에 오는 Frame으로, 수평 방향으로 하위Frame들을 자유롭게 배열 가능. 하위Frame으로 FrameSet, HFrameSet, VFrameSet, TitleFrameSet, ChildFrame, TabFrame들을 반복적으로 추가 가능

4

TileFrameSet

MainFrame의 하위에 오는 Frame으로, 수직 또는 수직 방향으로 하위 Frame들을 자유롭게 배열 가능. 하위 Frame으로 FrameSet,

HFrameSet, VFrameSet, TitleFrameSet, ChildFrame, TabFrame들을 반복적으로 추가 가능

5

ChildFrame

MainFrame 또는 FrameSet 하위에 올 수 있는 Frame으로 Form 정보를 Url로 가지고 있어 해당 Form을 화면에 표시. 기본적으로 Form이 로딩될 수 있는 기본 단위 화면

6

TabFrame

MainFrame 또는 FrameSet 하위에 올 수 있는 Frame으로, Tab

Component와 유사한 기능을 제공

7

TabFramePage

TabFrame의 하위에 오는 Frame으로, TabPage와 유사한 기능을 제공

MainFrame Editor에서 현재 구성된 Frame을 Tree형태로 확인 가능하며 하위Frame의 추가, 삭제, 수정 등 Frame 편집이 가능합니다.


속성

설명

1

MainFrame Tree View

현재 구성된 Frame을 Tree 형태로 표시

2

Add

선택된 Frame에 하위 Frame을 추가

3

Insert

선택된 Frame위에 Frame을 삽입

4

Change Type

선택된 Frame의 Type을 변경

5

Del

선택된 Frame을 제거

4.2.2Application Menu

MainFrame의 메뉴를 구성할 수 있습니다. ‘Click here To add’를 마우스로 클릭하여 원하는 형태로 메뉴를 구성하고 각각의 메뉴를 Properties창에서 편집합니다.

Application Menu항목은 각각의 ADL에 한 개만 입력이 가능합니다.

Properties창에서 선택된 Menu의 속성을 편집합니다.


속성

설명

1

id

Application Menu에서 구별되는 고유 ID

2

caption

Menu에서 보여지는 Caption

3

checkbox

Caption 좌측에 Checkbox를 가진 형태 지정

4

enable

Menu Enable 유무

5

hotkey

Menu 단축키

6

icon

Menu Icon

7

level

Menu의 Depth (임의로 수정할 수 없음)

8

name

Application Menu의 이름 지정

9

userdata

사용자 지정 Data

4.2.3Widget

Widget은 OS상에서 응용프로그램을 동작시켜 결과를 표시하는 작은 GUI 도구로 작은 윈도우를 칭합니다.


메뉴

아이콘

기능

1

Edit


Widget Editor를 호출

2

Insert Widget


새 Widget을 추가

3

Copy

Widget Menu에서는 지원되지 않는 기능

4

Cut

Widget Menu에서는 지원되지 않는 기능

5

Paste

Widget Menu에서는 지원되지 않는 기능

6

Collapse All


Widgets 하위 Tree Item을 감춤

7

Expand All


Widgets 하위 Tree Item을 펼침

8

Close


Widget Menu에서는 지원되지 않는 기능

9

Save

Widget Menu에서는 지원되지 않는 기능

10

Save As…


편집 중인 Widget을 저장

11

Rename


Widget Menu에서는 지원되지 않는 기능

12

Refresh


Widget Menu에서는 지원되지 않는 기능

Widget Editor에서는 Widget의 추가, 삭제 및 기본정보를 수정할 수 있습니다.


속성

설명

1

id

Component를 구분하기 위한 고유 Id

2

formUrl

Widget의 화면을 구성할 FDL 주소값

3

visible

Widget 초기 실행 시 화면에 보일 지 여부 결정

4

backgroundimage

Widget에 사용될 이미지

5

layered

화면에 표시 유무

6

position

Widget의 위치

7

showontaskbar

작업 표시줄에 표 시 여부 결정

8

titletext

Widget의 Title

9

openstatus

Widget이 실행될 때 상태값

10

icon

Widget이 Window 작업상태줄에 표시되는 아이콘

11

topmost

Widget이 Window들 중에서 가장 앞에 위치할지 결정

4.2.4Tray

OS의 Tray영역에 표시되는 Tray Icon 및 Tooltip등을 수정할 수 있습니다.


메뉴

아이콘

기능

1

Edit


Tray Editor를 호출

2

Insert Tray


새 Tray를 추가

3

Copy

Tray Menu에서는 지원되지 않는 기능

4

Cut

Tray Menu에서는 지원되지 않는 기능

5

Paste

Tray Menu에서는 지원되지 않는 기능

6

Collapse All


Tray 하위 Tree Item을 감춤

7

Expand All


Tray 하위 Tree Item을 펼침

8

Close


Tray Menu에서는 지원되지 않는 기능

9

Save

편집 중인 Tray를 저장

10

Save As…


Tray Menu에서는 지원되지 않는 기능

11

Rename


Tray Menu에서는 지원되지 않는 기능

12

Refresh


Tray Menu에서는 지원되지 않는 기능

Tray Editor에서는 Tray의 추가, 삭제 및 기본정보를 수정할 수 있습니다


속성

설명

1

id

Tray를 구분하기 위한 고유 Id

2

icon

Tray의 Icon 이미지

3

tooltip

Tray Icon의 Tooltip 텍스트

4

items

Tray PopupMenu Item을 추가

5

Add Tray

새 Tray를 추가

6

Delete Tray

선택된 Tray를 삭제

4.2.5Theme

사용자가 제작한 Theme를 적용하여 Project의 스타일을 쉽게 변경할 수 있습니다.


메뉴

아이콘

기능

1

Edit


Theme Editor를 호출

2

New Theme


새 Theme를 추가

3

Insert Theme


Theme 삽입

4

Copy

Themes Menu에서는 지원되지 않는 기능

5

Cut

Themes Menu에서는 지원되지 않는 기능

6

Paste

Themes Menu에서는 지원되지 않는 기능

7

Collapse All


Themes 하위 Tree Item을 감춤

8

Expand All


Themes 하위 Tree Item을 펼침

9

Close


Themes Menu에서는 지원되지 않는 기능

10

Save

Themes Menu에서는 지원되지 않는 기능

11

Save As…


Themes Menu에서는 지원되지 않는 기능

12

Rename


Themes Menu에서는 지원되지 않는 기능

13

Refresh


Themes Menu에서는 지원되지 않는 기능


메뉴

아이콘

기능

1

Edit


Theme Editor를 호출

2

Set as Active Theme


Project가 실행될 때 선택된 Theme가 적용되도록 설정

3

Copy

Theme Menu에서는 지원되지 않는 기능

4

Cut

Theme Menu에서는 지원되지 않는 기능

5

Paste

Theme Menu에서는 지원되지 않는 기능

6

Collapse All


Theme Menu에서는 지원되지 않는 기능

7

Expand All


Theme Menu에서는 지원되지 않는 기능

8

Close


Theme Editor 닫기

9

Save

편집 중인 Theme를 저장

10

Save As…


편집 중인 Theme를 다른 이름으로 저장

11

Rename


Theme Menu에서는 지원되지 않는 기능

12

Refresh


Theme Menu에서는 지원되지 않는 기능

13

Delete


선택된 Theme를 삭제


메뉴

아이콘

기능

1

Edit


CSS를 편집할 수 있는 CSS Editor를 호출

(CSS Editor의 상세설명은 Style의 설명을 참조)

2

New Folder


Theme안에 새 Folder를 생성

3

New CSS


Theme안에 새 CSS 파일을 생성

4

Insert File


그림 파일 또는 CSS 파일 추가

5

Remove File


Tree에서 선택된 파일을 목록에서 제거

6

Rename


Tree에서 선택된 파일의 이름을 수정

7

Set Extern


Deploy Theme기능에서 Extern File로 저장 될 Image를 선택. CheckBox가 Uncheck상태로 설정됨

(단, default.xtheme등의 기본제공 Theme선택 시에는 나타나지 않음)

8

Unset Extern


위 Set Extern으로 설정된 Extern File을 해제. CheckBox가 Check상태로 설정됨

(단, default.xtheme등의 기본제공 Theme선택 시에는 나타나지 않음)

4.2.6ScreenInfo(V9.2추가)

‘New Project Wizard’에서 입력한 Screen정보를 수정하거나 새로운 Screen정보를 입력할 수 있는 Editor기능이 추가되었습니다.

‘Project Explorer’에서 ADL Item에서 제공되는 Popup메뉴를 사용하여 새로운 Screen정보를 추가하거나 ADL Item의 하위 정보로 표시되는 ‘ScreenInfo’등을 선택하여 편집할 수 있습니다.


메뉴

아이콘

기능

1

Edit


Screen Editor를 호출

2

Insert Screen


새로운 Screen정보 추가

3

Copy

ScreenInfo Menu에서는 지원되지 않는 기능

4

Cut

ScreenInfo Menu에서는 지원되지 않는 기능

5

Paste

ScreenInfo Menu에서는 지원되지 않는 기능

6

Collapse All


ScreenInfo 하위 Tree Item을 감춤

7

Expand All


ScreenInfo 하위 Tree Item을 펼침

8

Close


ScreenInfo Menu에서는 지원되지 않는 기능

9

Save

편집 중인 ScreenInfo 를 저장

10

Save As…


ScreenInfo Menu에서는 지원되지 않는 기능

11

Rename


ScreenInfo Menu에서는 지원되지 않는 기능

12

Refresh


ScreenInfo Menu에서는 지원되지 않는 기능

‘ScreenInfo Editor’는 기존에 제공되던 ‘Widget Editor’, ‘Variable Editor’와 동일한 방식으로 편집기능을 제공합니다.


속성

설명

1

Add

새 Screen정보를 추가하는 버튼

2

Del

ScreenInfo그리드에서 선택된 Screen정보를 삭제하는 버튼

3

Screen정보 그리드

Project가 사용할 Screen정보를 보여주는 그리드

  • Name : Screen의 이름

  • Theme : Screen가 사용할 Theme

  • System Type : 시스템 종류

  • OS : 해당 장비에서 사용되는 운영체제

  • Device : 장비의 종류

  • Description : Screen에 대한 설명

  • (Description은 기능 동작에 영향을 주지 않습니다.)

4

Property Window

ScreenInfo그리드에서 선택된 Screen정보는 Properties Windows에서 동일하게 표시되며 수정할 수 있습니다.

4.3Type Definition의 편집

UX-Studio에서는 Component, Service, Update를 Type Definition에 등록해서 Prefix로 사용할 수 있습니다. Type Definition에 등록된 각각의 항목은 Edit TypeDefinition에서 기존 항목의 수정, 삭제 및 신규 항목의 추가가 가능합니다.


메뉴

아이콘

기능

1

Edit


TypeDefinition을 편집할 수 있는 편집창 호출

2

Copy

TypeDefinition Menu에서는 지원되지 않는 기능

3

Cut

TypeDefinition Menu에서는 지원되지 않는 기능

4

Paste

TypeDefinition Menu에서는 지원되지 않는 기능

5

Collapse All


TypeDefinition의 하위 Tree Item을 감춤

6

Expand All


TypeDefinition의 하위 Tree Item을 펼침

7

Close


TypeDefinition Menu에서는 지원되지 않는 기능

8

Save

TypeDefinition Menu에서는 지원되지 않는 기능

9

Save As…


TypeDefinition Menu에서는 지원되지 않는 기능

10

Rename


TypeDefinition Menu에서는 지원되지 않는 기능

11

Refresh


TypeDefinition XML을 Reload

4.3.1Edit TypeDefinition

Edit TypeDefinition은 Project Explorer창에서 TypeDefinition의 Tree Item이나 TypeDefinition으로 등록된 Tree Item을 마우스로 더블 클릭하여 호출할 수 있습니다.

Component Definition에서는 Button, CheckBox등 Design으로 표현되는 컴포넌트들과 ShowAnimation, Dataset등과 같은 Invisible 컴포넌트를 관리합니다. 또한 개발자가 직접 작성한 User Component, Composite Component등을 Add 버튼으로 추가하거나, 선택된 컴포넌트를 목록에서 삭제할 수 있습니다.


Column

설명

1

Type

Component의 Type

2

ID

Component의 ID

3

ClassName

Component의 ClassName

4

Module

Component의 Module 위치

5

Version

Component 버전 정보

6

Image

Component 툴바에서 사용될 이미지

7

Default Width

Component 기본 넓이

8

Default Height

Component 기본 높이

Service Definition에서는 UX-Studio에서 사용되는 Folder Path나 Internet URL등을 관리합니다

Add, Delete버튼을 사용하여 새 Service를 추가하거나, 선택된 Service를 삭제할 수 있습니다.


Column

설명

1

PrefixID

Service의 PrefixID

2

Type

Service의 Type

3

Url

Service의 url

4

CacheLevel

Cache 기능사용 여부

5

Codepage

Code Page 이름

6

Language

사용 언어

7

Version

Service의 버전 정보

8

Communication

version

Communication 버전 정보

9

ServiceList

ServiceList, Type이 BS인 경우 사용됨

10

DatasetLayout

DatasetLayout, Type이 BS인 경우 사용됨

11

ExecuteUrl

ExecuteUrl, Type이 BS인 경우 사용됨

12

File Extension

Cache된 정보가 저장되는 파일의 확장자

13

Include

Sub-directory

Type이 File인 경우 url에 해당하는 하위 디렉터리 표시 여부

Update Definition에서는 Web 또는 이미 개발된 Application상에서의 XPLATFORM에 필요한 파일 배포 및 버전을 관리합니다. Add, Delete 버튼을 사용하여 새 Update를 추가하거나, 선택된 Update를 삭제할 수 있습니다


Column

설명

1

SystemType

운영체제 Type

2

Component UpdateURL

Component를 Update할 URL

3

Engine URL

Engine 설치 URL

4

Engine SetupKey

Engine 설치키

5

Engine Version

Engine 버전

4.3.2Service Refactoring

Type Definition에서 사용중인 Service의 PrefixID를 변경할 경우에 사용중인 부분을 자동으로 변경된 PrefixID로 변경해주는 Refactoring 기능이 수행됩니다.

현재 Project에서 사용중인 변경 전 PrefixID를 모두 리스트로 보여주며 ‘Rename’을 클릭할 때 체크되어 있는 항목을 자동으로 변경해 줍니다.

4.4Global Variables

GlobalVariables에서는 ADL과 Form에는 포함되지 않으나 Project 전체에 걸쳐 사용되는 여러 Global 항목이 표시됩니다. 또한 각각의 편집기를 사용하여 GlobalVariables에 항목을 추가하거나 수정할 수 있습니다.

GlobalVariables Item으로 Dataset, Variable, Animation, Object, Image 항목이 입력 가능합니다.


메뉴

아이콘

기능

1

Edit Source


GlobalVariables를 XML 편집 창에서 직접수정

2

Insert Global Variables Item


Dataset: Dataset Editor에 새로운 Dataset을 추가

Variable: Variable Editor에 새로운 Variable을 추가

Animation: Animation Object를 추가

Object: Object를 추가

(Insert 가능한 Object 목록은 UX-Studio에 포함된 도움말(레퍼런스 가이드)을 참조하세요)

Image: Image를 추가

3

Copy

GlobalVariables Menu에서는 지원되지 않는 기능

4

Cut

GlobalVariables Menu에서는 지원되지 않는 기능

5

Paste

GlobalVariables Menu에서는 지원되지 않는 기능

6

Collapse All


GlobalVariables 하위 Tree Item을 감춤

7

Expand All


GlobalVariables 하위 Tree Item을 펼침

8

Close


GlobalVariables Menu에서는 지원되지 않는 기능

9

Save

편집 중인 GlobalVariables를 저장

10

Save As…


GlobalVariables Menu에서는 지원되지 않는 기능

11

Rename


GlobalVariables Menu에서는 지원되지 않는 기능

12

Refresh


GlobalVariables XML을 Reload

4.4.1Datasets

Dataset은 Data를 처리하는 Table형태의 기억장소입니다. Presentation용 컴포넌트와 Dataset이 Bind된 경우 Data변경사항이 해당 컴포넌트에 자동으로 동기화 되는 기능도 제공합니다.


메뉴

아이콘

기능

1

Edit


Dataset Editor 호출

2

Insert Dataset


Dataset Editor에 새로운 Dataset을 추가

3

Copy

Datasets Menu에서는 지원되지 않는 기능

4

Cut

Datasets Menu에서는 지원되지 않는 기능

5

Paste

Datasets Menu에서는 지원되지 않는 기능

6

Collapse All


Datasets 하위 Tree Item을 감춤

7

Expand All


Datasets 하위 Tree Item을 펼침

8

Close


Datasets Menu에서는 지원되지 않는 기능

9

Save

편집 중인 Dataset을 저장

10

Save As…


Datasets Menu에서는 지원되지 않는 기능

11

Rename


Datasets Menu에서는 지원되지 않는 기능

12

Refresh


Datasets Menu에서는 지원되지 않는 기능

Dataset편집 창에서 Dataset항목을 추가, 삭제하거나 구성을 변경할 수 있습니다.


속성

설명

1

Import Datasets

저장된 파일에서 Dataset을 Load

2

Export Datasets

현재 Dataset을 파일로 Save

3

Add a New Dataset

Dataset 추가

4

Delete selected Datasets

Dataset 삭제

5

Const

Constant Data의 Columns 설정

6

Add a new Const Column

Constant Column 추가

7

Insert a new Const Column

커서가 위치한 상단에 Constant Column 삽입

8

Delete selected Const Columns

Constant Column 삭제

9

Columns

Dataset의 Columns 설정

10

Add a new Column

Dataset의 Column 추가

11

Insert a new Column

커서가 위치한 상단에 Column 삽입

12

Delete selected Columns

Dataset의 Column 삭제

13

Rows

Dataset의 Row 설정

14

Add a new Row

Dataset의 Row 추가

15

Insert a new Row

커서가 위치한 상단에 Row 삽입

16

Delete selected Rows

Dataset의 Row 삭제

4.4.2Variables

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


메뉴

아이콘

기능

1

Edit


Variable Editor 호출

2

Insert Variable


Variable Editor에 새로운 Variable을 추가

3

Copy

Variables Menu에서는 지원되지 않는 기능

4

Cut

Variables Menu에서는 지원되지 않는 기능

5

Paste

Variables Menu에서는 지원되지 않는 기능

6

Collapse All


Variables 하위 Tree Item을 감춤

7

Expand All


Variables 하위 Tree Item을 펼침

8

Close


Variables Menu에서는 지원되지 않는 기능

9

Save

편집 중인 Variable을 저장

10

Save As…


Variables Menu에서는 지원되지 않는 기능

11

Rename


Variables Menu에서는 지원되지 않는 기능

12

Refresh


Variables Menu에서는 지원되지 않는 기능

Variable편집 창에서 Variable항목을 추가, 삭제하거나 구성을 변경할 수 있습니다.


속성

설명

1

ID

Variable명

2

Initval

초기값

3

Usecookie

Cookie의 사용여부 설정

4

Add Variable

Variable 추가

5

Delete Variable

선택된 Variable 삭제

4.4.3Object


메뉴

아이콘

기능

1

Edit


Objects Menu에서는 지원되지 않는 기능

2

Insert Animation


Animation Object를 Global Variable로 추가

MoveAnimation: Move Animation Object추가

PropertyAnimation: Property Animation Object추가

TransitionAnimation: Transition Animation Object추가

CompositeAnimation: Composite Animation Object추가

3

Insert Object


Object를 추가

(Insert 가능한 Object 목록은 UX-Studio에 포함된 도움말(레퍼런스 가이드)를 참조)

4

Copy

Variables Menu에서는 지원되지 않는 기능

5

Cut

Variables Menu에서는 지원되지 않는 기능

6

Paste

Variables Menu에서는 지원되지 않는 기능

7

Collapse All


Objects 하위 Tree Item을 감춤

8

Expand All


Objects 하위 Tree Item을 펼침

9

Close


Variables Menu에서는 지원되지 않는 기능

10

Save

편집 중인 Object를 저장

11

Save As…


Variables Menu에서는 지원되지 않는 기능

12

Rename


Variables Menu에서는 지원되지 않는 기능

13

Refresh


Variables Menu에서는 지원되지 않는 기능

4.4.4Image

Project내에서 사용되는 Image를 새롭게 추가하거나 삭제할 수 있습니다.

Project Explorer의 Images항목에서는 Image를 추가할 수 있는 팝업메뉴가 호출되며, Images항목의 하위 Item인 Image항목에서는 선택된 Image를 삭제할 수 있는 팝업 메뉴가 호출됩니다.


메뉴

아이콘

기능

1

Edit


Image Menu에서는 지원되지 않는 기능

2

Insert Image


Image File을 추가할 수 있는 File Dialog를 호출

3

Copy

Image Menu에서는 지원되지 않는 기능

4

Cut

Image Menu에서는 지원되지 않는 기능

5

Paste

Image Menu에서는 지원되지 않는 기능

6

Collapse All


Images 하위 Tree Item을 감춤

7

Expand All


Images 하위 Tree Item을 펼침

8

Close


Image Menu에서는 지원되지 않는 기능

9

Save

편집 중인 Image를 저장

10

Save As…


Image Menu에서는 지원되지 않는 기능

11

Rename


Image Menu에서는 지원되지 않는 기능

12

Refresh


Image Menu에서는 지원되지 않는 기능

13

Delete


선택된 Image File을 Image 그룹에서 삭제

Project Explorer에서 Image항목이 선택될 경우, Image Preview가 자동으로 호출됩니다.

4.5FDL (Form Definition Language)

Form 생성 마법사를 이용하여 새로운 Form을 생성할 수 있습니다. 메뉴 File[New – Item – Form]에서 Form 생성 마법사를 시작합니다.

4.5.1FDL 생성 마법사(V9.2변경)

  1. Create New Form Wizard 1단계

    생성될 Form의 경로와 이름을 입력하는 단계입니다. Form명은 반드시 입력해야 하는 필수 항목이며, 생성될 경로에 동일한 Form명이 존재할 경우에는 생성할 수 없습니다.


속성

설명

1

Name

생성될 form의 이름

2

Location

생성될 form의 위치

  1. Create new Form Wizard 2단계

    Form의 상속관련 정보를 설정합니다. TypeDefinition의 Objects정보에 UserForm이 등록되어 있는 경우에만 선택할 수 있습니다.

  1. Create New Form Wizard 3단계

    Form의 Width, Height를 정합니다. 최초 Width, Height는 메뉴 Tool[Options]의 Design에서 정해진 값을 표시합니다.

  1. Create New Form Wizard 4단계(V9.2추가)

    Form에서 사용할 Layout을 설정합니다. Layout이란 각각 다른 크기를 가진 화면을 의미합니다.


속성

설명

1

Name

Layout의 이름

  • Layout의 Name으로 대소문자 구별 없이 ‘Default’를 사용할 수 없습니다.

  • 같은 Form안에서는 중복된 Layout Name을 사용할 수 없습니다.

2

Screenid

Layout이 사용할 Screen명

3

Width

Layout의 넓이

4

Height

Layout의 높이

5

Description

Layout에 대한 설명

6

Template

Template에서 Layuot 정보를 가져오는 버튼

7

Add Layout

Form에서 사용할 Layout 정보를 추가하는 버튼

8

Delete

선택된 Layout정보를 삭제하는 버튼

Template 버튼을 누르면 Template을 선택할 수 있는 Layout Template 창이 뜹니다.

Layout Template 창에서 원하는 Layout, Layout group을 선택한 후 OK버튼을 누르면 선택한 Layout 정보가 New Form Wizard에 추가됩니다.

  1. Create New Form Wizard 5단계

    Form을 Widget으로 생성할지 결정합니다.

4.5.2FDL Drag&Drop

Project에서 생성된 Form을 Service그룹단위로 관리되며, 각 그룹에 속한 Form은 Drag&Drop으로 다른 그룹으로 이동하거나 <Ctrl> + Drag&Drop으로 복사할 수 있습니다.

4.5.3FDL 항목

Form항목은 하위 Tree Item으로 Layout, Objects, Script, Bind를 가집니다.


아이콘

이름

설명

1

Layout

Form에 생성된 Component를 하위 Item으로 표시

2

Objects

Design이 없는 Invisible Component를 표시

3

Script

Form이 가진 Function 목록을 표시

4

Bind

Form에 Bind된 정보를 표시

Form 항목에서는 아래와 같은 기능을 지원합니다.


메뉴

아이콘

기능

1

Edit


선택된 Form을 편집하는 Design창을 호출

2

Insert Style


CSS 파일을 추가, Load 되지 않은 Form에만 적용

3

Copy

선택된 Form을 Copy

4

Cut

선택된 Form을 Cut

5

Paste

Copy또는 Cut된 Form을 현재 Service에 Paste

6

Collapse All


Form 하위 Tree Item을 감춤

7

Expand All


Form 하위 Tree Item을 펼침

8

Close


현재 편집중인 Project 닫기

9

Save

선택된 Form 저장

10

Save As…


선택된 Form을 다른 이름으로 저장

11

Rename


선택된 Form 이름 바꾸기

12

Refresh


선택된 Form XML을 Reload

13

Delete


선택된 Form 삭제

14

QuickView

선택된 Form을 QuickView기능으로 Launch합니다

4.6Widget Application 생성

4.6.1New Widget Application

Project 생성 마법사의 1단계에서 Widget Template를 선택하여 생성하면 MainFrame이 없는 Widget Application이 생성됩니다.

4.6.2Widget 생성

ADL의 PopupMenu에서 Widget을 추가합니다.

4.6.3Widget 편집

Widget이 정상적으로 동작하기 위해서 Widget의 속성 Formurl과 BackgroundImage을 입력해야 합니다.

속성값을 정상적으로 입력했다면 File[Launch Project] 메뉴를 사용하여 Widget이 동작하는 것을 확인할 수 있습니다.

4.7공통 코드의 사용

4.7.1Make a Project Template

현재 작업 중인 Project를 Template로 등록하는 기능입니다. Project Explorer에서Project선택 > 마우스 우측버튼 클릭 > Project Template을 클릭하면 됩니다.


속성

설명

1

Project Template Name

생성될 Template의 이름

2

Select ADL to include

Project Template에 포함될 ADL을 선택

3

Select a Service Group

and Files to include

Project Template에 포함될 파일을 선택

Template으로 등록된 Project는 이후에 신규 Project생성시 New Project wizard에서 선택하여 사용할 수 있습니다.

4.7.2Make Form Template

원하는 Form를 템플릿으로 등록하는 기능입니다. Project Explorer에서 하나의 Form을 선택하고 등록하거나 여러 개의 Form을 한 번에 등록할 수 있습니다.

해당 기능은 9.2.0.240 이후 버전부터 지원합니다.

하나의 Form을 등록할 때는 Project Explorer 에서 원하는 Form을 선택하고 [Save as Form Template] 항목을 선택하거나 메뉴에서 [File > Save as Form Template] 항목을 선택합니다.


속성

설명

1

Project Group

템플릿 프로젝트 그룹 (변경할 수 없음)

2

Service URL

서비스 그룹 (사용하지 않음)

3

Template Name

템플릿 선택 창에 보여질 템플릿 이름

템플릿으로 추가된 Form은 아래 경로에서 확인하실 수 있습니다. Form 템플릿을 배포하는 경우에 해당하는 경로에 파일을 복사해 넣으면 같은 템플릿 환경에서 사용할 수 있습니다.


OS

경로

1

VISTA/7

C:\Users\[사용자명]\AppData\Local\VirtualStore\

Program Files\TOBESOFT\XPLATFORM\9.2\Template\Form

2

XP

C:\Program Files\TOBESOFT\XPLATFORM\9.2

공통 작업을 먼저 진행하고 작성된 여러 개의 Form 템플릿을 한 번에 등록하는 경우에는 메뉴에서 [File > Make Form Template] 항목을 선택합니다. 서비스 그룹 전체를 등록하거나 원하는 Form만 선택해 등록할 수 있습니다.


속성

설명

1

Select a Form

in Service Group

템플릿으로 만들 Form 또는 서비스 그룹 선택

2

Preview

선택한 폼 이미지 미리보기

3

Make Template List

등록한 Form 템플릿

Template으로 등록된 Form은 새로운 Form 생성 시 [New Project wizard]에서 선택하여 사용할 수 있습니다. 메뉴에서 [File > New > Item > Form]을 선택하면 [Use Template]을 선택할 수 있는 항목이 표시됩니다.

다음 창에서 등록된 Form 템플릿 목록을 확인하고 원하는 Form 템플릿을 선택하면 나머지 옵션(Position, Layouts 등)을 선택하지 않고 바로 Form이 생성됩니다.

4.7.3Layout Template(V9.2추가)

기본적으로 제공되는 Layout Template를 사용할 수 있습니다. 또한, 자주 사용되는 Layout정보를 사용자가 Template으로 등록 할 수 있습니다.

Layout Template Dialog는 기본적으로 제공되는 Template인 Device, Graphic Array Template과 사용자가 직접 등록하여 사용하는 User Template 3개의 Tab으로 구성되어 있습니다.


속성

설명

1

User Template

사용자가 직접 등록하여 사용하는 Layout Template List

2

Device

현재 사용되고 있는 주요 모바일 기기

3

Graphic Array

해상도로 사용되고 있는 Graphic Array

4

Add Screen

Screen Group을 추가하는 버튼

5

Add Layout

Layout 을 추가하는 버튼

6

Delete

선택된 항목을 삭제하는 버튼. Screen Group을 삭제하면 해당 Screen Group의 하위 Layout 모두 삭제된다

7

Template 정보를 보여주는 그리드

더블클릭, F2 버튼으로 Edit mode로 전환하여 내용을 편집 할 수 있습니다.

  • Name : Layout의 이름

    Layout의 Name으로 대소문자 구별 없이‘Default’를 사용할 수 없습니다. Template으로 사용중인 Name은 입력할 수 없습니다.

  • Width : Layout의 넓이

  • Height : Layout의 높이

  • Description : Template에 대한 설명 (Description은 기능 동작에 영향을 주지 않습니다.)

4.8기타 File 생성

4.8.1Create a new XML file


속성

설명

1

File name

생성될 XML 파일명

2

Location

생성될 XML 파일의 위치

4.8.2Create a new Java script file


속성

설명

1

File name

생성될 스크립트 파일명

2

Location

생성될 스크립트 파일의 위치