XPLATFORM 101
툴바의 Align 기능과 동일한 내용입니다.
툴바에 정렬과 관련해서 추가적으로 제공되는 기능은 Lock Control 입니다.
레이아웃이나 컴포넌트 배치를 잠그는 기능입니다.


잠금 기능은 토글 형식으로 동작하며 디자인 모드에서 수정은 되지 않습니다.
(단 속성을 직접 수정하거나 소스코드를 수정할 수는 있습니다).

그래서 Align, Space, Size, Position, Arrange 같은 기능은 따로 설명하지 않도록 하겠습니다.


그리고 다음 Tab Order 항목은 좀 흥미로운 기능입니다.
기업용 애플리케이션에서 탭 기능은 마우스보다 빠른 입력 처리를 위해
필수적인 기능입니다.
하지만 많은 개발 과정에서 시각적으로 보이지 않는 기능을 무시하는 경향때문에
탭 순서를 명확하게 정의하지 못합니다.
대부분 기본값을 그대로 사용하거나 중간에 끼어든 컴포넌트에 대한 탭 순서 배정을 잘못하곤 합니다.
그런 의미에서 Tab Order 기능은 유용한 기능입니다.

탭의 순서는 같은 레벨에서만 정의가 가능합니다. 그래서 Div 내의 컴포넌트를 선택하려면 Div 를 먼저 선택하고
내부의 컴포넌트에 대한 탭 순서를 정의할 수 있습니다.
메뉴에서 선택하거나 단축키 Ctrl + D 를 선택합니다.


화면에서 보이는 것처럼 탭의 순서가 표기되어집니다.
일단 직관적으로 탭 순서를 확인할 수 있으며
필요하다면 탭 순서를 조정할 수 있습니다.
상하 화살표나 페이지 업,다운 명령으로 탭 순서를 조정하고
원하는 컴포넌트를 클릭해주면 탭 순서가 조정됩니다.

위의 그림처럼 2개의 버튼이 있는 경우 새로운 버튼이 중간에 추가되어야 할때 새로운 버튼에 탭 순서를 1로 지정하면 나머지 컴포넌트의 순서는 자동으로 1씩 증가되어 편집됩니다.
(하지만 소스단에서 강제적으로 잘못된 값을 주는 것은 제어할 수 없네요. 다시 디자인 모드로 돌아와서 바로 잡을 수 있습니다).

다음 메뉴는 Show Bind State 입니다.
탭 순서와 마찬가지로 어느 컴포넌트에 어떤 데이터가 연결되어있는지를
코드를 보지 않고도 확인할 수 있게 해줍니다.


메뉴를 선택하거나 단축키 Ctrl + B를 선택하게 되면 상단 리스트 컴포넌트에 빨간 표시처럼 작은 데이터박스가 보이게 됩니다.
데이터박스 아이콘이 보이지 않는다면 바인딩된 내역이 없는 것이고
내역이 있다면 아이콘이 보이고 아이콘을 클릭하면 어떤 Dataset과 연결되어 있다는 것을 확인할 수 있습니다.
해당 값을 선택하면 지정된 Dataset으로 포커스가 이동하게 됩니다.

Quick View 는 여러번 설명한것처럼 현재 폼을 실행하는 명령입니다.
이정도면 Design 메뉴는 설명이 되지 않았나 싶습니다.

http://cafe.naver.com/xplatform101/40
XPLATFORM 101
앞에서 Toolbox는 살펴보았구요.
이제 나머지를 보도록 하겠습니다.

Toolbars
Component Toolbox
Status Bar
Project Explorer
Properties
Style Property Editor
Output
Debug

Toolbox는 컴포넌트 툴바와 같은 역할이지만 사용 편의를 위해 별도로 바 형태로 제공되는 기능입니다.
그냥 쭈욱 나열된 툴바와 달리 Basic, Animation, User Object, Composite, User Form 으로 구분되어 제공됩니다.


Status Bar 는 UX 스튜디오의 편집 상태에서 각종 상태값을 확인할 수 있습니다.


우측에 있는 라벨은 UX 스튜디오의 상태를 표기하는 것입니다. 기본값은 Ready 인것 같구요.
툴바에 마우스를 올렸을 경우에 기본적으로 설명을 제공합니다.

좌측에 있는 값들은 편집 상태에서 필요한 값을 표기해주는 부분입니다.
첫번째 값은 마우스의 좌표값입니다.
두번째 값은 선택한 컴포넌트의 좌표값입니다. 컴포넌트 좌표값은 상위 컴포넌트 대비 좌표값이죠.
세번째 값은 선택한 컴포넌트의 넓이와 높이를 표기합니다.
두번째와 세번째 값은 선택하고 마우스를 이동하게 되면 다음 선택까지 그대로 값을 보여줍니다.
그리고 Dataset과 같은 보이지 않는 컴포넌트를 선택하면 값이 바뀌지 않습니다.

네번째 항목은 파일 속성중에서 읽기 전용 여부를 표기해줍니다.
읽기 전용인 경우에는 당연히 편집이 안되죠.

다섯번째 항목은 키보드 Insert 설정에 대한 표기입니다. INS(Insert)와 OVR(Overwrite) 두가지 모드로 동작합니다.
여섯번째 항목은 키보드 Caps Lock 설정에 대한 표기입니다.
마지막 항목은 키보드 Num Lock 설정에 대한 표기입니다.
작업하면서 필요가 없다고 생각되면 View 메뉴에서 제외시켜 버리면 됩니다.

Project Explorer 메뉴는 프로젝트 탐색기를 보이지 않게 하는 기능은 없고
편집 중에 포커스를 옮기는 기능을 제공한다고 합니다.
메뉴에서 삭제는 못하지만 프로젝트 탐색기 패널에서 직접 삭제하거나 숨기는 작업은 가능합니다.


Properties 속성창, Style Property Editor 스타일 속성 편집창도 마찬가지입니다. 
프로젝트 탐색기에서는 포커스 이동이 별 의미가 없었는데 속성창과 스타일 속성 편집창에서는
하나의 패널에 탭으로 구분이 되어 있기 때문에 쉽게 찾을 수 없거나 바로 활성화시켜주어야 할 필요가 있습니다.
이때 메뉴에서 해당 아이템을 선택하게 되면 포커스가 이동하면서 쉽게 접근할 수 있습니다.


나머지 Output이나 Debug에 있는 항목도 마찬가지입니다.
Output 은 Message, Debug, Find Result 1, Find Result 2, Global Bookmark 로 구성되어있고
Debug는 Breakpoints, Call Stack, Variables, Watch 로 구성되어 있습니다.

Output 에서 Result 1,2 번 설정은 검색 대화상자에서 result 2 사용여부를 체크해주면 됩니다.


좀 뭔가 불편한것 같긴 하지만...일단 그런 기능까지 제공이 되고 있습니다.

앞의 내용을 다시 정리해서 토글기능으로 뷰를 제어할 수 있는 것은 아래 이미지에서 체크박스가 앞에 표시된 녀석들입니다.
그 외 나머지 항목은 포커스 이동 기능만 제공한다고 보면 됩니다.

XPLATFORM 101
View 는 UX 스튜디오내에서 보여지는 툴바나 상태 표시창, 속성창, 탐색창 등을
제어하는 곳입니다.
기본적으로 각 View는 UX 스튜디오를 사용하는 사용자의 상태에 따라 다르게 표현됩니다.
폼을 편집할때와 CSS 파일을 편집할때 보여지는 속성이 달라지고
디버깅을 할때 보여지는 속성이 달라집니다.
물론 사용자가 임의로 원하는 배치를 View 메뉴를 통해 컨트롤 할 수 있습니다.
(아쉬운 점은 특정 상태에 따른 배치를 따로 지정하지는 못합니다.
이클립스 퍼스펙티브에 익숙하신 분들은 좀 불편할 듯)

기본적인 메뉴는 다음과 같습니다. 
Toolbars
Component Toolbox
Status Bar
Project Explorer
Properties
Style Property Editor
Output
Debug

툴바는 다음과 같은 기능을 제어합니다.
Standard


File 메뉴에 있는 기능을 주로 제공합니다. 그 외 설정과 시스템 정보가 제공됩니다.
툴바의 각 항목은 상태에 따라 활성화되기도 하고 비활성화되기도 합니다.

Align


디자인 모드에서 각 객체에 대한 정렬을 설정합니다. 아직도 기능이 익숙하지 않네요.
디자인 가이드가 잘 짜여져 있다면 해당 가이드에 따라 작업하기 때문에 별도 정렬이 필요치 않을듯 합니다.
추가적으로 정렬을 사용하기 전에 가이드라인을 사용할 수 있습니다.
가이드라인은 메뉴에 기능이 있지 않고 디자인 모드에서 화면 상단과 좌측 줄자 부분을 살짝 클릭해주시면 됩니다.


포토샵과 같은 디자인 도구를 다루어보셨다면 익숙하시겠지만 말 그대로 화면 배치를 위한 가이드라인을
보여주는 것입니다.
코드상에 추가되는 것은 아니고 가이드를 위한 용도이기 때문에 작업이 끝나고 해당 가이드라인을 더블클릭해주면
사라집니다.

TextStyle


글꼴 속성과 문단 속성을 정의합니다. 문단 속성은 Style에서 align 속성을 정의해주는 것입니다.
컴포넌트 내에 포함된 텍스트를 다루는 내용이죠.

Component (Objects)


이전에는 컴포넌트였는데 오브젝트로 메뉴명이 바뀌었네요.
컴포넌트가 좀 익숙하긴 한데요. ^^
컴포넌트 툴바는 TypeDefinition 에서 수정하게 되면 달라지게 됩니다.
커스텀 컴포넌트가 들어갈 수도 있구요.

Debug


디버깅에 대해서는 얼마전 자세하게 다루었습니다.
디버깅 기초 http://cafe.naver.com/xplatform101/26 내용을 참고하세요.

Bookmark


북마크를 툴바로 뺄 필요가 있을까 싶지만..^^
북마크 창에도 동일한 기능이 제공됩니다.

ADL / Theme


ADL이나 테마를 쉽게 변경할 수 있게 제공하고 있습니다.
테마는 기본 테마와 커스텀 테마를 선택할 수 있습니다.

CSS Selector

스타일 시트 편집에 사용되는 도구입니다.
탐색기에서 오른쪽 마우스를 클릭했을때와 동일한 기능을 제공합니다.


Go to Source 는 그냥 더블클릭해도 동일한 효과를 만듭니다.
선택자를 새로 만들거나 추가할때 여러 옵션이 있는데 기본적으로 생성을 하게 되면
관련된 속성을 모두 열어줍니다. 그 중에서 필요한 속성을 선택하시면 됩니다.

Compress All, Uncompress 는 해당 선택자에서 사용하지 않는 속성을 보일지 말지에 대한 기능을 제공합니다.

* VIew 메뉴를 다 다룰 수 있을줄 알았는데 다음 게시물로 넘겨야 겠네요. ^^

http://cafe.naver.com/xplatform101/38