XPLATFORM으로 실행되는 그룹 단위를 Project라고 부르며, xprj 확장자를 가진 파일로 생성되어 관리 됩니다. Project는 기본적으로 ADL, TypeDefinition, Global Variables, FDL로 관리되며 이 단락에서는 각각의 항목에 대해 설명합니다.
Project 생성 마법사
Project 생성 마법사를 이용하여 새로운 Project를 생성할 수 있습니다. 메뉴 File[New – Project]에서 Project 생성 마법사를 시작합니다.
New 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 폴더 |
New 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를 기본값으로 설정 |
New 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정보를 삭제하는 버튼 |
Application 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을 삭제 |
MainFrame
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을 제거 |
Application 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 |
Widget
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들 중에서 가장 앞에 위치할지 결정 |
Tray
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를 삭제 |
Theme
사용자가 제작한 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선택 시에는 나타나지 않음) |
ScreenInfo(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정보를 보여주는 그리드
|
4 | Property Window | ScreenInfo그리드에서 선택된 Screen정보는 Properties Windows에서 동일하게 표시되며 수정할 수 있습니다. |
Type 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 |
Edit 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 버전 |
Service Refactoring
Type Definition에서 사용중인 Service의 PrefixID를 변경할 경우에 사용중인 부분을 자동으로 변경된 PrefixID로 변경해주는 Refactoring 기능이 수행됩니다.
현재 Project에서 사용중인 변경 전 PrefixID를 모두 리스트로 보여주며 ‘Rename’을 클릭할 때 체크되어 있는 항목을 자동으로 변경해 줍니다.
Global 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 |
Datasets
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 삭제 |
Variables
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 삭제 |
Object
메뉴 | 아이콘 | 기능 | |
|---|---|---|---|
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에서는 지원되지 않는 기능 |
Image
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가 자동으로 호출됩니다.
FDL (Form Definition Language)
Form 생성 마법사를 이용하여 새로운 Form을 생성할 수 있습니다. 메뉴 File[New – Item – Form]에서 Form 생성 마법사를 시작합니다.
FDL 생성 마법사(V9.2변경)
Create New Form Wizard 1단계
생성될 Form의 경로와 이름을 입력하는 단계입니다. Form명은 반드시 입력해야 하는 필수 항목이며, 생성될 경로에 동일한 Form명이 존재할 경우에는 생성할 수 없습니다.
속성 | 설명 | |
|---|---|---|
1 | Name | 생성될 form의 이름 |
2 | Location | 생성될 form의 위치 |
Create new Form Wizard 2단계
Form의 상속관련 정보를 설정합니다. TypeDefinition의 Objects정보에 UserForm이 등록되어 있는 경우에만 선택할 수 있습니다.
Create New Form Wizard 3단계
Form의 Width, Height를 정합니다. 최초 Width, Height는 메뉴 Tool[Options]의 Design에서 정해진 값을 표시합니다.
Create New Form Wizard 4단계(V9.2추가)
Form에서 사용할 Layout을 설정합니다. Layout이란 각각 다른 크기를 가진 화면을 의미합니다.
속성 | 설명 | |
|---|---|---|
1 | Name | Layout의 이름
|
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에 추가됩니다.
Create New Form Wizard 5단계
Form을 Widget으로 생성할지 결정합니다.
FDL Drag&Drop
Project에서 생성된 Form을 Service그룹단위로 관리되며, 각 그룹에 속한 Form은 Drag&Drop으로 다른 그룹으로 이동하거나 <Ctrl> + Drag&Drop으로 복사할 수 있습니다.
FDL 항목
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합니다 |
Widget Application 생성
New Widget Application
Project 생성 마법사의 1단계에서 Widget Template를 선택하여 생성하면 MainFrame이 없는 Widget Application이 생성됩니다.
Widget 생성
ADL의 PopupMenu에서 Widget을 추가합니다.
Widget 편집
Widget이 정상적으로 동작하기 위해서 Widget의 속성 Formurl과 BackgroundImage을 입력해야 합니다.
속성값을 정상적으로 입력했다면 File[Launch Project] 메뉴를 사용하여 Widget이 동작하는 것을 확인할 수 있습니다.
공통 코드의 사용
Make 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에서 선택하여 사용할 수 있습니다.
Make 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이 생성됩니다.
Layout 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로 전환하여 내용을 편집 할 수 있습니다.
|
기타 File 생성
Create a new XML file
속성 | 설명 | |
|---|---|---|
1 | File name | 생성될 XML 파일명 |
2 | Location | 생성될 XML 파일의 위치 |
Create a new Java script file
속성 | 설명 | |
|---|---|---|
1 | File name | 생성될 스크립트 파일명 |
2 | Location | 생성될 스크립트 파일의 위치 |