Project Explorer Icon
Project Explorer에서 표시되는 아이콘은 다음과 같은 의미를 가집니다
메뉴 | 기능 | ||
---|---|---|---|
1 | Project | Project | |
2 | TypeDefinition | Form이 실행되기 위한 Configure 정보들 | |
3 | Updates | Update 그룹 | |
4 | Update | Update | |
5 | Components | Component 그룹 | |
6 | Component | TypeDefinition에 정의된 컴포넌트 | |
7 | User Component | 기존 Component를 상속받아 사용자가 작성한 컴포넌트 | |
8 | Composite Component | 다수의 Component를 그룹화하여 사용자가 작성한 컴포넌트 | |
9 | GlobalVariables | 전역변수들 | |
10 | Objects | Object 그룹 | |
11 | Object | Object | |
12 | Variables | Variable 그룹 | |
13 | Variable | 변수 | |
14 | Datasets | Dataset 그룹 | |
15 | Dataset | Dataset | |
16 | Column | Dataset에 사용된 Column 정보 | |
17 | Images | Image 그룹 | |
18 | Image | Project에 사용된 Image | |
19 | ADL | ADL | |
20 | MainFrame | Project의 MainFrame | |
21 | ChildFrame | MainFrame내의 Frame구성 정보 | |
22 | ApplicationMenu | Application Menu 정보 | |
23 | Widgets | Widget 그룹 | |
24 | Widget | Widget 정보 | |
25 | Trays | Tray 그룹 | |
26 | Tray | Tray 정보 | |
27 | Styles | Style 그룹 | |
28 | Style | Style 정보 | |
29 | Themes | Theme 그룹 | |
30 | Theme | Theme 정보 | |
31 | ScreenInfo | Screen 그룹 | |
32 | Screen | Screen 정보 | |
33 | Forms(FDLs) | 서비스 그룹 | |
34 | Form(FDL) | Form 정보 | |
35 | Layout | Form Design에 표시되는 컴포넌트 그룹 | |
36 | Script | Form의 Script에 선언된 Func 그룹 | |
37 | Func | Script에서 선언된 Func Item | |
38 | Bind | BindItem 그룹 | |
39 | BindItem | 각 Bind 항목 정보 |
Toolbar 기능
UX-Studio는 다양한 기능을 Toolbar형태로 지원하고 있습니다.
Standard(V9.2변경)
Standard Bar는 UX-Studio가 제공하는 기본 기능을 모아놓은 곳입니다.
연관성 있는 기능을 통합하여 이전에 제공되었던 ADL/Theme Toolbar가 제거되고 Standard Toolbar에 ADL, Theme, Screen정보를 선택할 수 있는 콤보컨트롤이 추가되었습니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Open Project | Project 열기 | |
2 | Open | UX-Studio에서 편집 가능한 형식의 파일 열기 | |
3 | New | 새로운 Project나 Form, User Component, css, xml, xjs등을 생성 | |
4 | Save | 현재 열린 Form문서 저장 | |
5 | Save All | 현재 열린 모든 Form문서 저장 | |
6 | Cut | 선택 영역을 잘라내어 클립보드에 저장 | |
7 | Copy | 선택 영역을 복사해서 클립보드에 저장 | |
8 | Paste | 클립보드에 저장된 내용 붙여 넣기 | |
9 | 현재 문서 인쇄 | ||
10 | ADL | 현재 Active된 ADL | |
11 | Theme | 현재 Active된 ADL에서 사용중인 Theme | |
12 | Screen | Launch시 사용될 Screen 정보 (Launch Project기능을 사용할 때 사용됨) | |
13 | Launch Project | Project 실행 | |
14 | Quick View | 현재 활성화된 Form 실행 | |
15 | Options | UX-Studio의 Options창 표시 |
Align
Align Bar는 Form화면 개발 시 컴포넌트 정렬 기능을 모아놓은 곳입니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Align Lefts | 마지막에 선택된 Component의 Left 값을 기준으로 정렬 | |
2 | Align Centers | 마지막에 선택된 Component의 수평 Center 값을 기준으로 정렬 | |
3 | Align Rights | 마지막에 선택된 Component의 Right 값을 기준으로 정렬 | |
4 | Align Tops | 마지막에 선택된 Component의 Top 값을 기준으로 정렬 | |
5 | Align Middles | 마지막에 선택된 Component의 수직 Center 값을 기준으로 정렬 | |
6 | Align Bottoms | 마지막에 선택된 Component의 Bottom 값을 기준으로 정렬 | |
7 | Same Width | 마지막에 선택된 Component의 Width 값을 기준으로 너비를 맞춤 | |
8 | Same Height | 마지막에 선택된 Component의 Height 값을 기준으로 높이를 맞춤 | |
9 | Same Size | 마지막에 선택된 Component의 Size를 기준으로 크기 맞춤 | |
10 | Space distribute Horizontally | Component 사이를 같은 수평 간격으로 분배 배치(V9.2변경). 처음과 끝 Component 사이의 공간을 수평으로 분배하여 균등한 간격으로 Component를 재배치합니다. | |
11 | Space distribute Vertically | Component 사이를 같은 수직 간격으로 분배 배치(V9.2변경). 처음과 끝 Component 사이의 공간을 수직으로 분배하여 균등한 간격으로 Component를 재배치합니다. | |
12 | Same space Horizontally | Component 사이를 같은 수평 간격으로 정렬 배치(V9.2추가). 사용자가 직접 Dialog를 통해 Component의 간격을 조절할 수 있습니다 | |
13 | Same space Vertically | Component 사이를 같은 수직 간격으로 정렬 배치(V9.2추가). 사용자가 직접 Dialog를 통해 Component의 간격을 조절할 수 있습니다 | |
14 | Posit Center | 선택된 Component들을 Form Canvas의 수평 Center로 이동 | |
15 | Posit Middle | 선택된 Component들을 Form Canvas의 수직 Center로 이동 | |
16 | Posit Left | 선택된 Component들을 Form Canvas의 Left로 이동 | |
17 | Posit Right | 선택된 Component들을 Form Canvas의 Right로 이동 | |
18 | Posit Top | 선택된 Component들을 Form Canvas의 Top으로 이동 | |
19 | Posit Bottom | 선택된 Component들을 Form Canvas의 Bottom으로 이동 | |
20 | Bring to Front | 선택된 Component를 맨 앞으로 가져오기 | |
21 | Send to Back | 선택된 Component를 맨 뒤로 보내기 | |
22 | Bring Forward | 선택된 Component를 앞으로 가져오기 | |
23 | Send Backward | 선택된 Component를 뒤로 보내기 | |
24 | Lock Control | Component의 위치를 마우스로 이동하지 못하도록 고정시키거나 해제 |
TextStyle
TextStyle Bar는 Form화면 개발 시 선택된 컴포넌트의 TextStyle 설정 기능을 모아놓은 곳입니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Font Name | 글꼴 이름 변경 | |
2 | Font Size | 글꼴 크기 변경 | |
3 | Bold | 텍스트를 굵게 표시 | |
4 | Italic | 텍스트를 기울임 꼴로 표시 | |
5 | Strikeout | 취소줄 표시 | |
6 | UnderLine | 텍스트에 밑줄 표시 | |
7 | Anti-Alias | 텍스트를 매끄럽게 표현 | |
8 | Front Size Up | 글꼴 크기 늘림 | |
9 | Front Size Down | 글꼴 크기 줄임 | |
10 | Text Align Left | 텍스트를 왼쪽에 맞춤 | |
11 | Text Align Center | 텍스트를 가운데 맞춤 | |
12 | Text Align Right | 텍스트를 오른쪽에 맞춤 | |
13 | Text Align Top | 텍스트를 위쪽에 맞춤 | |
14 | Text Align Middle | 텍스트를 중간에 맞춤 | |
15 | Text Align Bottom | 텍스트를 아래쪽에 맞춤 |
Objects
Objects Bar는 TypeDefinition에 등록된 컴포넌트 모임입니다. 화면 편집에 해당 컴포넌트를 직접 끌어다 놓음으로써 화면을 구성할 수 있습니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Select | 컴포넌트 선택 Icon | |
2 | Div | Form안에 다른 Form을 불러와서 하나의 Form인 것처럼 사용하거나, 관련 있는 컴포넌트를 하나의 그룹으로 묶어서 처리할 경우 사용되는 컴포넌트 | |
3 | Button | 사용자로부터 마우스 입력을 받을 때 사용하는 컴포넌트 | |
4 | PopupDiv | 하나의 화면에 여러 부분화면을 구성할 때 사용하는 컴포넌트 | |
5 | Combo | Edit와 Drop down List를 통합한 형태의 컴포넌트 | |
6 | CheckBox | Check 표시에 대한 TRUE/FALSE 값을 가지는 컴포넌트 | |
7 | ListBox | 항목을 List로 나열한 후 선택할 경우 사용되는 컴포넌트 | |
8 | Edit | 문자열의 입출력을 가지는 컴포넌트 | |
9 | MaskEdit | 날짜의 연월일시(yyyy/mm/dd hh:mi:ss)형식 또는 숫자의 Comma 표시와 같이 규정된 형식으로 문자열의 입출력을 가지는 컴포넌트 | |
10 | TextArea | 사용자에게 여러 Line의 문자열을 입력 받거나 표시할 경우 사용되는 컴포넌트 | |
11 | Menu | Menu Item을 구성할 경우 사용되는 컴포넌트 | |
12 | Tab | 한 화면에서 여러 개의 Tab page를 분할할 경우 사용되는 컴포넌트 | |
13 | ImageViewer | 화면에 이미지를 보여주는 컴포넌트 | |
14 | Radio | 제시된 여러 가지 선택사항 중에서 하나의 항목을 선택해야 할 경우 사용되는 컴포넌트 | |
15 | Shape | 선, 삼각형, 사각형, 원 등 도형을 그리기 위한 컴포넌트 | |
16 | Calendar | 날짜를 입력할 때 사용되는 컴포넌트 | |
17 | Static | 다른 Presentation Component들에 대한 제목 등을 기술할 때 사용되는 컴포넌트 | |
18 | Grid | 스프레드 시트와 유사하게 Dataset의 내용을 표 형식으로 처리하는 컴포넌트 | |
19 | Spin | 정해진 규칙에 따라 손쉽게 숫자를 입력 받을 때 사용하는 컴포넌트 | |
20 | PopupMenu | PopupMenu를 구성할 경우 사용되는 컴포넌트 | |
21 | Splitter | 화면 분할을 구현하기 위한 컴포넌트 | |
22 | GroupBox | 화면을 구성할 때 관련 있는 컴포넌트를 그룹화 하는 컴포넌트 | |
23 | ProgressBar | 작업의 현재 진행 상태를 그래픽을 이용하여 보여 주는 컴포넌트 | |
24 | ActiveX | ActiveX를 사용할 경우 사용되는 컴포넌트 | |
25 | PropertyAnimation | PropertyAnimaiton 컴포넌트 | |
26 | TransitionAnimation | TransitionAnimation 컴포넌트 | |
27 | MoveAnimation | MoveAnimation 컴포넌트 | |
28 | CompositeAnimation | CompositeAnimation 컴포넌트 | |
29 | Dataset | 데이터를 Table 형태로 저장하는 컴포넌트 | |
30 | FilteredDataset | Bind된 Dataset을 지정된 조건에 따라 Filter된 데이터를 보여주는 컴포넌트 | |
31 | FileDialog | 파일을 선택할 수 있는 Dialog 컴포넌트 | |
32 | GraphicPath | Form위에 PathData의 정보를 가지고 선 및 곡선을 이용해 도형을 직접 출력할 수 있는 컴포넌트 | |
33 | VirtualFile | File을 사용할 경우에 쓰이는 컴포넌트 |
Debug
Debug Bar는 디버깅 시 필요한 기능을 모아놓은 곳입니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Debug Project | Project의 디버깅 모드 시작 | |
2 | Debug Form | 현재 선택된 Form의 디버깅 모드 시작 | |
3 | Restart Debugging | 디버깅 모드를 재시작 | |
4 | Stop Debugging | 디버깅 모드 종료 | |
5 | Step Into | 한 스텝씩 디버그, 스텝에 다른 함수 호출 시 해당 함수로 이동 | |
6 | Step Over | 현재 함수의 나머지 부분을 실행하고, 함수 호출이 이루어진 다음 문장에서 멈춤 | |
7 | Step Out | 한 스텝씩 디버그, 한 스텝을 모두 실행하고, 다음 스텝으로 이동 | |
8 | Run to Cursor | 현재 커서가 위치한 줄까지 실행 후 멈춤 | |
9 | Toggle Breakpoint | Breakpoint를 설정/해제하는 기능 | |
10 | Delete Selected Breakpoint | Breakpoints Window의 Breakpoint 목록에서 선택된 Breakpoint를 제거 | |
11 | Delete All Breakpoints | 설정된 모든 Breakpoint를 해제 | |
12 | Go To Source | 선택된 Breakpoint의 Source Code 위치로 이동. | |
13 | Enable/Disable All Breakpoints | 설정된 모든 Breakpoint를 활성화/비활성화하는 기능 |
HTML5
HTML5 Compile관련 기능을 모아놓은 툴바입니다. Local HTML5 Compiler인 XHTML5Compiler.exe와 연동됩니다(2012년 2월 패치부터 적용).
메뉴 | 기능 | ||
---|---|---|---|
1 | Application Compile | 프로젝트 전체를 컴파일 합니다. Compile된 결과물은 옵션에서 지정된 Output경로에 저장됩니다. 만약, 옵션에 Output경로가 지정되지 않았을 경우에는 아래와 같은 팝업창에서 Output경로를 저장할 수 있습니다. | |
2 | Service Compile | Project Explorer에서 선택한 Service를 컴파일 합니다 | |
3 | File Compile | 현재 편집 중인 Form Design파일만 컴파일 합니다 | |
4 | Stop Compile | 컴파일을 중지합니다 | |
5 | Web Browser | Launch와 Quick View시에 사용되는 Web Browser를 선택합니다. | |
6 | Launch Project(HTML5) | 프로젝트를 선택된 Web Browser로 실행합니다. 아래 그림과 같은 팝업 창에 Compile된 프로젝트의‘LaunchProject.jsp' URL을 입력하여 실행할 수 있습니다. | |
7 | QuickView(HTML5) | 현재 편집 중인 Form을 선택된 Web Browser로 실행합니다 아래 그림과 같은 팝업 창에 Compile된 프로젝트의 ‘QuickView.jsp' URL을 입력하여 편집 중인 Form을 실행할 수 있습니다. | |
8 | QuickView Debug(HTML5) | 현재 편집 중인 Form을 선택된 Web Browser로 Debugging모드로 실행합니다 |
Bookmark
Bookmark Bar는 Script 또는 Source 편집 중에 특정 줄로 쉽게 이동할 수 있는 Bookmark 기능을 모아놓은 곳입니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Toggle Bookmark | 현재 커서 위치에 Bookmark를 설정 및 해제 | |
2 | Previous Bookmark | 이전 Bookmark를 찾아 커서를 위치 | |
3 | Next Bookmark | 다음 Bookmark를 찾아 커서를 위치 | |
4 | Previous Bookmark in Document | 현재 편집 창에서 이전 Bookmark를 찾아 커서를 위치 | |
5 | Next Bookmark in Document | 현재 편집 창에서 다음 Bookmark를 찾아 커서를 위치 | |
6 | Clear Bookmarks | 설정된 Bookmark를 모두 해제 | |
7 | Clear Bookmarks in Document | 현재 편집 창에서 설정된 Bookmark를 모두 해제 |
CSS Selector
각 Selector의 추가/삭제 등의 기능을 모아놓은 곳입니다.
메뉴 | 기능 | ||
---|---|---|---|
1 | Go to Source | 선택된 Selector의 Source Code 위치로 이동. Selector을 Double Click하여 동일한 기능을 수행 가능 | |
2 | New Selector | 신규 Selector 입력 | |
3 | Add Decendant Selector | 선택된 Selector에 Decendant Selector를 추가 | |
4 | Add Child Selector | 선택된 Selector에 Child Selector를 추가 | |
5 | Delete | 선택된 Selector를 삭제 | |
6 | Rename | 선택된 Selector의 이름 바꾸기 | |
7 | Compress All | 사용되지 않는 모든 Property를 제거 | |
8 | Uncompress | 선택된 Selector의 Property를 모두 표시 |
Menu Bar
Menu Bar는 UX-Studio에서 제공하는 기능을 모아놓은 곳입니다.
File
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | New | Project: 새로운 Project 생성 Item:새로운 Item 생성 File: 새로운 File 생성 Form: 새로운 Form 생성 User Object: 새로운 User Object 생성 Style Sheet(.css): 현재 Project에 새로운 Style Sheet 파일생성 XML(.xml): 현재 Project에 새로운 XML 파일생성 Script (.xjs): 현재 Project에 새로운 xjs파일 생성 XTheme(.xtheme): 현재 Project에 새로운 Theme파일 생성 | |
2 | Open | Project: Project 새로 열기 File: UX-Studio에서 편집 가능한 형식 (xjs, css, xfdl, xtheme 등)파일 열기 | |
3 | Close | 현재 열린 Form 닫기 | |
4 | Close Project | 현재 열린 Project 닫기 | |
5 | Save | 현재 활성화된 편집 화면을 저장하기 | |
6 | Save As… | 현재 활성화된 편집 화면을 다른 이름으로 저장하기 | |
7 | Save All | 현재 열린 모든 편집 화면 및 Project Explorer에서 변경된 모든 내용을 저장하기 | |
8 | Recent Files | 최근에 Open한 File 목록을 표시 | |
9 | Recent Projects | 최근에 Open한 Project 목록을 표시 | |
10 | Launch Project | Project 실행 | |
11 | Import… | 다른 Project에서 사용중인 xfdl을 현재 Project로 Import 하거나 [Export Project] 기능으로 생성된 Export Project파일을 Import하여 신규 프로젝트를 생성하는 기능 | |
12 | Export Project | 현재 열린 Project를 File로 Export | |
13 | Project Template | 현재 열린 Project를 Project Template로 등록, 신규 Project 생성시에 재사용 가능 | |
14 | Layout Template | Layout Template 등록, Layout Template을 등록하여 새로운 Form을 생성할 때 등록된 Template을 적용가능 | |
15 | Source 또는 Script의 텍스트를 출력 | ||
16 | Print Setup | 출력 페이지 설정 | |
17 | Save the Project as Compiled XML | Project를 Complied된 XML 파일로 저장 | |
18 | Exit | UX-Studio 종료 |
Edit
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Undo | 최종 단계의 이전 상태로 되돌림 | |
2 | Redo | Undo하기 이전 상태로 되돌림 | |
3 | Cut | 선택된 영역을 잘라서 클립보드에 삽입 | |
4 | Copy | 선택된 영역을 클립보드에 삽입 | |
5 | Paste | 클립보드에 있는 내용을 붙여 넣기 | |
6 | Paste Special | 클립보드에 있는 컴포넌트의 Property 및 Bind정보를 사용자가 선택하여 붙여 넣기 | |
7 | Delete | 선택된 컴포넌트나 선택된 영역의 텍스트삭제 | |
8 | Select All | Source나 Script 창에서 모든 텍스트 선택 | |
9 | Find… | Source나 Script 창에서 문자열 찾기 | |
10 | Find in File… | 지정경로의 파일들 중 지정단어를 포함한 파일 찾기 | |
11 | Replace | Source나 Script창에서 특정 문자열을 다른 문자열로 교체 | |
12 | Goto Line… | Source나 Script창에서 특정 라인으로 커서 이동 | |
13 | Bookmark | Bookmark메뉴에서 제공하는 기능은 Toolbar[Bookmark Bar]의 기능과 동일. | |
14 | Comment Selection | Source나 Script창에서 선택된 영역의 문자열을 주석처리 | |
15 | UnComment Selection | Source나 Script창에서 선택된 영역의 문자열의 주석해제 | |
16 | Refresh File Status | 파일을 Reload |
View
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Toolbars | Standard: Standard Bar를 표시/숨김 Align: Align Bar를 표시/숨김 TextStyle: TextStyle Bar를 표시/숨김 Objects: Objects Bar를 표시/숨김 Debug: Debug Bar를 표시/숨김 HTML5: HTML5 Bar를 표시/숨김 Bookmark: Bookmark Bar를 표시/숨김 CSS Selector: CSS Selector Bar를 표시/숨김 | |
2 | Toolbox | Component Toolbox를 표시/숨김 | |
3 | Statusbar | Statusbar를 표시/숨김 | |
4 | Project Explorer | Project Explorer창을 표시. Project Explorer창이 열려있을 때는 focus만 이동 | |
5 | Properties | Properties창을 표시. Properties창이 열려있을 때는 focus만 이동 | |
6 | Style Property Editor | Style Property Editor창을 표시. Style Property Editor창이 열려있을 때는 focus만 이동 | |
7 | Output | Message: Output창을 표시 Debug: Debug창을 표시 Find Result1: Find Result1창을 표시 Find Result2: Find Result2창을 표시 Global Bookmark: Global Bookmark창을 표시 | |
8 | Debug | Breakpoints: Breakpoints창을 표시 Call Stack: Call Stack창을 표시 Variables: Variables창을 표시 Watch: Watch창을 표시 |
Design
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Align | Align메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. | |
2 | Space | Space메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. | |
3 | Size | Size메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. | |
4 | Position | Position메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. | |
5 | Arrange | Arrange메뉴에서 제공하는 기능은 Toolbar[Align Bar]의 기능과 동일. | |
6 | Zoom | 현재 열려있는 화면의 확대/축소 비율 설정 | |
7 | Layout Resize | Default Layout을 기준으로 자동 또는 입력값만큼 컴포넌트의 크기가 Resize됩니다. | |
8 | Tab Order Editor | Tab Order Editor 기능 호출 | |
9 | Tab Order View | Form Design화면에 컴포넌트의 Tab Order를 지속적으로 표시합니다 | |
10 | Show Bind State | 컴포넌트의 Bind 상태를 표시 | |
11 | Quick View | 현재까지 만들어진 Form을 XPLATFORM으로 실행 | |
12 | Quick View (Variable) | 변수를 입력 받아 현재까지 만들어진 Form을 XPLATFORM으로 실행 |
Tools
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Options… | UX-Studio의 Options 설정창 열기 | |
2 | Customize... | UX-Studio의 Menu, Toolbar등을 설정하는 Customize 설정창 열기 |
HTML5
HTML5 Compile관련 기능을 모아놓은 툴바입니다. Local HTML5 Compiler인 XHTML5Compiler.exe와 연동됩니다(2012년 2월 패치부터 적용).
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Compile Application | 프로젝트 전체를 컴파일 합니다. Compile된 결과물은 옵션에서 지정된 Output경로에 저장됩니다.만약, 옵션에 Output경로가 지정되지 않았을 경우에는 아래와 같은 팝업창에서 Output경로를 저장할 수 있습니다. | |
2 | Compile Service | Project Explorer에서 선택한 Service를 컴파일 합니다 | |
3 | Compile File | 현재 편집 중인 Form Design파일만 컴파일 합니다 | |
4 | Stop Compile | 컴파일을 중지합니다 | |
5 | Execute Application | 프로젝트를 선택된 Web Browser로 실행합니다. 아래 그림과 같은 팝업 창에 Compile된 프로젝트의‘LaunchProject.jsp' URL을 입력하여 실행할 수 있습니다. | |
6 | QuickView | 현재 편집 중인 Form을 선택된 Web Browser로 실행합니다 아래 그림과 같은 팝업 창에 Compile된 프로젝트의‘QuickView.jsp' URL을 입력하여 편집 중인 Form을 실행할 수 있습니다. | |
7 | QuickView Debug | 현재 편집 중인 Form을 선택된 Web Browser로 Debugging모드로 실행합니다 |
Hybrid
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Make Project Archive | 프로젝트 파일을 xzip파일로 만들고, TypeDefinition에 등록합니다. | |
2 | Make Theme Archive | Theme 파일을 xzip파일로 만듭니다. | |
3 | Make Run Template | Hybrid App을 구동시키는 Run.html을 포함한 Run.xzip 및 hybrid_typedef.xml파일을 만듭니다. |
Window
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Cascade | 편집중인 창을 계단식으로 배치 | |
2 | Tile | 편집중인 창을 바둑판식으로 배치 | |
3 | Arrange Icons | 최소화된 아이콘 정렬 | |
4 | Close | 선택된 편집 창을 닫기 | |
5 | Close All But This | 현재 열려있는 화면을 제외한 모든 화면 닫기 | |
6 | Close All | 모든 편집 창을 닫기 | |
7 | Next | 다음 편집 창으로 이동 | |
8 | Previous | 이전 편집 창으로 이동 | |
9 | Maximize Active Window | 미 구현된 기능 |
Help
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Help | 도움말 창 표시 | |
2 | About UX-Studio… | UX-Studio 정보 창 표시 | |
3 | What’s New ? | XP9.2에서 추가/변경된 정보를 보기 |
Grid Contents Editor
Grid Component는 Properties창에서 볼 수 있는 속성 외에 Grid를 구성하는 각 Cell 단위 별로 많은 속성을 가지고 있습니다. Grid Contents Editor는 Grid의 Contents Property를 편집할 수 있는 Editor입니다.
Design Window에서 Grid Component를 더블 클릭하여 Grid Contents Editor을 호출할 수 있습니다.
Grid Contents Editor는 기본 편집 창, 속성 창 및 Design Source로 구성되어 있습니다. 기본 편집 창에서는 Popup Menu와 단축키를 사용하여 Cell을 추가/삭제하거나 속성을 편집할 수 있습니다. 기본 편집 창의 최상단에는 Column Index가 표시되고 아래로는 Head, Body, Summary로 구분되어 표시됩니다. 속성 창에는 Cell 구분, 해당 Cell의 속성 목록, 각각의 속성 값이 표시됩니다.
기본 편집 창의 Popup Menu에서 Column이나 Row를 추가할 수 있습니다.
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Add Column | Column 추가 | |
2 | Add Head Row | Head Row 추가 | |
3 | Add Body Row | Body Row 추가 | |
4 | Add Summ Row | Summ Row 추가 |
Cell이 선택된 상태에서는 Popup Menu가 지원됩니다.
메뉴 | 아이콘 | 기능 | |
---|---|---|---|
1 | Cut | Column 또는 Row 잘라내기 | |
2 | Copy | Column 또는 Row를 선택 후 복사하기 | |
3 | Paste | 클립보드에 복사된 내용을 붙여 넣기 Append 맨 뒤에 붙여 넣기 Insert 삽입하여 붙여 넣기 | |
4 | Add | Column 또는 Row 추가 | |
5 | Insert | Column 또는 Row 삽입 | |
6 | Delete | Column 또는 Row 삭제 | |
7 | Merge Cells | 선택된 Cell 영역을 병합 | |
8 | Split Cell | Merge된 Cell을 다시 나눔 | |
9 | Same Width | 전체 영역이 선택된 경우 모든 Column의 Width 값을 첫 번째 Column의 Width 값으로 변경 | |
10 | Undo | Undo 기능 | |
11 | Redo | Redo 기능 |
Design Source에서는 Grid Contents를 XML형태로 표시하고 직접 편집할 수 있습니다.