2.컴포넌트 배치

Edit

2.1툴바에서 컴포넌트 아이콘 선택하고 배치하기

1

컴포넌트 툴바에서 원하는 컴포넌트를 선택합니다. 컴포넌트 아이콘 위에 마우스를 가져가면 컴포넌트 이름이 툴팁으로 표시됩니다. 원하는 컴포넌트를 찾아서 마우스로 클릭하면 선택된 상태가 됩니다.

컴포넌트 툴바에서 컴포넌트를 선택한 상태에서는 디자인 화면 내에서 마우스 포인터가 해당 컴포넌트 아이콘으로 변경됩니다.

2

디자인 화면 내 원하는 위치 위에서 마우스를 클릭합니다. 마우스를 클릭한 지점이 컴포넌트의 좌측 상단 모서리 시작점이 됩니다. 마우스를 클릭하면 해당 컴포넌트의 기본 크기로 화면에 배치됩니다.

마우스를 클릭하지 않고 왼쪽 버튼을 누른 상태에서 원하는 방향으로 마우스를 드래그하면 해당 방향으로 컴포넌트의 크기를 조절할 수 있습니다. 컴포넌트를 배치하는 동시에 컴포넌트의 크기를 조절할 수 있습니다.

3

컴포넌트를 화면에 배치하면 선택된 상태가 됩니다. 컴포넌트를 선택한 상태에서 컴포넌트의 크기를 바꾸거나 위치를 변경할 수 있고 속성창에서 컴포넌트의 속성값을 수정할 수 있습니다.

컴포넌트 툴바가 보이지 않는다면 메뉴[View > Toolbars > Component] 항목이 체크되어 있는지 확인하세요. 최초 설치 시에는 체크되어 있지만 작업 중 해당 항목 체크를 취소한 경우에는 컴포넌트 툴바가 보이지 않습니다.


2.2컴포넌트 선택하고 위치 변경하기

1

디자인 화면에 배치된 컴포넌트를 클릭합니다. 컴포넌트는 선택된 상태로 변경됩니다. 컴포넌트가 선택된 상태에서는 크기를 변경할때 사용하는 트래커(검은색 또는 빨간색 점)이 표시되며 컴포넌트 위에 마우스포인터를 가져가면 (+) 모양으로 마우스 포인터가 변경됩니다.

2

선택된 컴포넌트 위에 마우스 포인터를 위치시키고 마우스 왼쪽 버튼을 누른 상태에서 원하는 방향으로 이동합니다. 마우스 포인터를 이동하는 중에는 원래 컴포넌트는 그대로 보여지고 같은 크기의 이미지 그림자가 마우스 포인터를 따라 이동합니다.

3

마우스 왼쪽 버튼에서 손을 떼면 컴포넌트가 원하는 위치로 옮겨집니다.

마우스 왼쪽 버튼을 누른 상태에서 Esc 키를 입력하면 컴포넌트 이동 작업이 취소됩니다.

컴포넌트를 선택한 후 속성창에서 Position 관련 속성값을 수정해서 컴포넌트의 위치를 변경할 수 있습니다.

2.3컴포넌트 선택하고 크기 변경하기

1

디자인 화면에 배치된 컴포넌트를 클릭합니다. 컴포넌트는 선택된 상태로 변경됩니다. 컴포넌트가 선택된 상태에서는 크기를 변경할때 사용하는 트래커(검은색 또는 빨간색 점)이 표시됩니다. 트래커 위에 마우스포인터를 가져가면 각 트래커에 해당하는 방향 모양으로 마우스 포인터가 변경됩니다.

각 모서리에 표시된 트래커를 선택한 경우에는 수직, 수평, 대각선 방향으로 크기를 변경할 수 있습니다.

오른쪽이나 왼쪽면에 표시된 트래커를 선택한 경우에는 수평 방향으로만 크기를 변경할 수 있고 위, 아래쪽에 표시된 트래커를 선택한 경우에는 수직 방향으로만 크기를 변경할 수 있습니다.

2

트래커 위에 마우스 포인터를 위치시키고 마우스 왼쪽 버튼을 누른 상태에서 원하는 방향으로 이동합니다. 마우스 포인터를 이동하는 중에는 원래 컴포넌트는 그대로 보여지고 마우스 포인터의 이동 거리만큼 변경된 크기의 이미지 그림자가 마우스 포인터를 따라 보여집니다.

3

마우스 왼쪽 버튼에서 손을 떼면 컴포넌트가 원하는 크기로 변경됩니다.

마우스 왼쪽 버튼을 누른 상태에서 Esc 키를 입력하면 컴포넌트 크기 변경 작업이 취소됩니다.

컴포넌트를 선택한 후 속성창에서 Position 관련 속성값을 수정해서 컴포넌트의 크기를 변경할 수 있습니다.

2.42개 이상 컴포넌트 선택하고 위치나 크기 변경하기

1

2개 이상 컴포넌트를 선택합니다. Ctrl 또는 Shift 키를 누른 상태에서 컴포넌트를 클릭하면 2개 이상의 컴포넌트를 선택할 수 있습니다.

컴포넌트 영역 밖에서 마우스 왼쪽 버튼을 누른 상태에서 컴포넌트를 감싸는 형태로 마우스를 드래그해서 컴포넌트를 선택할 수도 있습니다.

2

기준이 되는 컴포넌트를 선택합니다. 2개 이상의 컴포넌트를 선택하면 트래커가 채워져 있는 컴포넌트도 있고 트래커가 투명한 사각형으로만 표시되는 컴포넌트도 있습니다. 트래커가 채워져 있는 컴포넌트가 기준이 되는 컴포넌트입니다. 컴포넌트가 선택된 상태에서 원하는 컴포넌트를 클릭하면 기준이 되는 컴포넌트가 변경됩니다.

3

정렬 툴바에서 원하는 기능을 선택하거나 컴포넌트 위에 마우스 포인터를 올린 상태에서 왼쪽 마우스 버튼을 클릭하면 표시되는 미니 정렬 툴바에서 원하는 기능을 선택합니다.

이번 예제에서는 첫 번째 버튼을 기준으로 컴포넌트의 Y 좌표값을 정렬하고 컴포넌트의 크기를 변경합니다.

4

Y 좌표값을 먼저 정렬합니다. 미니 정렬 툴바에서 [Tops] 아이콘을 선택합니다. 첫 번째 컴포넌트의 Y 좌표값을 기준으로 나머지 컴포넌트의 위치를 조절합니다.

5

컴포넌트의 크기를 조절합니다. 미니 정렬 툴바에서 [Size] 아이콘을 선택합니다. 첫 번째 컴포넌트의 크기를 기준으로 나머지 컴포넌트의 크기를 조절합니다.

6

Esc 키를 입력하거나 디자인 화면에서 다른 영역을 클릭하면 선택 상태는 해제됩니다.

2.5컴포넌트 복사하고 붙여넣기

1

컴포넌트를 선택하고 Ctrl+C 키를 입력하거나 왼쪽 마우스를 클릭해 표시되는 메뉴에서 [Copy] 항목을 선택합니다. 선택한 컴포넌트가 클립보드에 복사됩니다.

2

Ctrl+V 키를 입력하거나 왼쪽 마우스를 클릭해 표시되는 메뉴에서 [Paste] 항목을 선택합니다. 클립보드에 복사했던 컴포넌트를 화면에 추가합니다.

3

붙여넣기해서 화면에 표시된 컴포넌트는 복사한 컴포넌트 위치의 오른쪽 아래쪽에 추가됩니다. 추가된 컴포넌트를 선택하고 원하는 위치로 이동하거나 크기를 변경합니다.

2개 이상 컴포넌트를 선택한 후 복사해서 붙여넣기할 수 있습니다.

2.6보이지 않는 컴포넌트 (오브젝트)

컴포넌트 툴바에서 아이콘을 선택해 디자인 화면에 배치해도 보이지 않는 컴포넌트가 있습니다. 애플리케이션에서 특정 기능을 제공하지만 디자인 화면에 표시되지 않고 애플리케이션 실행 시에도 실행 화면에 나타나지 않습니다.

데이터를 테이블 형태로 저장하는 Dataset 오브젝트나 모바일 기기에서 사용하는 DeviceAPI 오브젝트가 보이지 않는 컴포넌트입니다. 보이지 않는 컴포넌트를 선택하고 디자인 화면에 추가하면 별도의 [Invisible Object] 영역에 표시됩니다. 보이지 않는 컴포넌트는 Position 속성을 가지지 않습니다.

[Invisible Object] 영역이 보이지 않는다면 디자인 화면에서 오른쪽 마우스 버튼을 클릭해서 표시되는 메뉴 항목 중 [Show Invisible Object Area] 항목을 선택하거나 메뉴[Design > Show Invisible Object Area] 항목을 선택합니다.


2.7비활성화되어 있는 컴포넌트 사용하기

넥사크로 스튜디오를 설치하면 기본적으로 사용할 수 있는 UI 관련 컴포넌트 이외에 비활성화되어 감춰져 있는 컴포넌트가 있습니다. 이는 대부분 특정 기능을 수행하는 용도의 컴포넌트로 WebBrowser, VideoPlayer, Sketch, GoogleMap, ExcelExport/Import 등을 비롯하여 약 서른 개 정도가 제공되며 사용자의 필요에 따라 간단한 등록 절차만으로 사용할 수 있습니다.

이 컴포넌트가 처음부터 사용할 수 있도록 활성화되어 있지 않은 이유는 불필요한 컴포넌트의 추가로 프로젝트 코드가 커지는 것을 방지하기 위함입니다. 따라서 사용자는 꼭 필요한 컴포넌트만 추가하여 사용하는 것이 좋습니다.

비활성화되어 있는 컴포넌트를 사용 등록하여 활성화 상태로 만들려면 다음과 같은 절차를 따릅니다. 이 설명에서는 GoogleMap 컴포넌트를 예로 설명합니다.

1

Project Explorer에서 [TypeDefinition > Objects]를 선택하고 마우스 오른쪽 버튼을 클릭한 후 컨텍스트 메뉴에서 [Edit] 항목을 선택해 오브젝트 편집 창을 오픈합니다.

2

Objects 테이블에서 하단의 + 버튼을 클릭하여 목록에서 nexacro.GoogleMap을 선택합니다.

아이콘은 컴포넌트에 알맞은 모양으로 선택하고 나머지는 기본 값을 사용합니다.

그림 2-1googlemap_component_추가

Objects 테이블의 각 컴포넌트명 옆에 있는 - 버튼을 클릭하면 해당 컴포넌트가 프로젝트에서 제거되어 사용할 수 없게됩니다.

3

등록이 완료되면 OK 버튼을 클릭합니다. 그러면 프로젝트가 자동으로 제너레이트 되고 툴바에 새로 추가한 GoogleMap 컴포넌트 아이콘이 나타납니다.

그림 2-2추가된_googlemap