자세히 보기: 컨트롤 레이아웃 이해
업데이트: 2007년 11월
폼에 컨트롤을 추가할 때 여러 가지 방법으로 컨트롤을 정렬할 수 있습니다. 예를 들어 폼에 있는 세 개의 단추를 세로로 정렬하거나 가로로 나란히 정렬할 수 있습니다. 이러한 컨트롤 정렬을 레이아웃이라고 합니다. Visual Basic에서는 여러 가지 도구 및 방법을 사용하여 폼에 추가하는 컨트롤을 손쉽게 정렬하고 크기를 조정할 수 있습니다. 이 항목에서는 이러한 방법 중 일부를 살펴봅니다.
컨트롤 배치
일반적으로 폼의 컨트롤은 두 가지 방법으로 정렬할 수 있습니다. 컨트롤을 폼으로 끌어 온 후 속성 창을 사용하여 정확한 위치를 설정할 수 있습니다. 또는 컨트롤을 폼의 특정 위치로 끌어서 컨트롤을 수동으로 이동할 수 있습니다. 응용 프로그램을 디자인할 때는 일반적으로 이러한 방법을 조합해서 사용합니다.
컨트롤 맞춤
폼에 컨트롤을 추가할 때는 컨트롤을 폼의 가장자리에 맞춰 정렬할 수 있습니다. 폼에 이미 있는 다른 컨트롤에 컨트롤을 맞출 수도 있습니다. 또한 응용 프로그램의 크기를 조정할 때마다 컨트롤의 크기도 자동으로 조정되도록 설정할 수 있습니다.
폼의 가장자리에 컨트롤 맞춤
컨트롤이 폼의 가장자리에 맞붙도록 맞출 수 있습니다. 이를 컨트롤 도킹이라고 합니다. 이에 대한 예제는 3단계: 모양 및 동작 사용자 지정에 있습니다. 이 예제에서는 Dock 속성을 Top으로 설정하여 폼의 위쪽에 Panel 컨트롤을 맞추는 방법을 보여 줍니다.
컨트롤을 폼의 가장자리(위쪽, 아래쪽, 왼쪽 또는 오른쪽)에 도킹하여 폼 크기가 조정되더라도 맞춤 상태가 유지되도록 할 수 있습니다. 예를 들어 컨트롤을 폼의 위쪽에 도킹하고 폼의 너비를 변경하면 해당 컨트롤의 크기가 새 너비에 맞게 자동으로 조정됩니다. 컨트롤을 폼의 모든 가장자리에 도킹할 경우 Dock 속성을 Fill로 설정하는 것과 같습니다. 폼 전체가 컨트롤로 채워지기 때문입니다.
.gif "참고") 참고: |
|---|
한 컨트롤을 폼의 가장자리 중 하나에 도킹하고 두 번째 컨트롤의 Dock 속성을 Fill로 설정하면 두 번째 컨트롤은 나머지 공간만 채웁니다. |
컨트롤을 다른 컨트롤에 맞춤
컨트롤을 끌어서 폼의 다른 컨트롤에 맞출 수 있습니다. 폼의 컨트롤을 기존 컨트롤의 동일한 영역으로 끌면 파란색 선이 나타납니다. 이 선은 컨트롤을 기존 컨트롤에 맞출 때 컨트롤을 끌어 올 정확한 위치를 쉽게 알 수 있도록 안내해 줍니다. 아래 그림에서는 이러한 맞춤 선을 보여 줍니다.
컨트롤 맞춤
.png)
| 팁: |
|---|
컨트롤을 여러 개 선택하고 레이아웃 도구 모음의 맞춤 명령을 사용할 수도 있습니다. |
컨트롤 크기 조정
컨트롤을 선택하면 컨트롤의 경계 주위에 여러 개의 작은 사각형 기호가 나타납니다. 이러한 기호를 크기 조정 핸들이라고 합니다. 컨트롤의 크기를 조정하려면 크기 조정 핸들을 클릭하고 새 위치로 끌어서 컨트롤 크기를 늘리거나 줄입니다. 다음 그림에서는 포인터를 크기 조정 핸들 위로 이동할 때 포인터가 화살표로 바뀌는 모양을 보여 줍니다. 화살표는 컨트롤을 끌어서 크기를 조정할 수 있는 방향을 나타냅니다.
컨트롤 크기 조정 핸들
.png)
컨트롤의 Dock 속성을 Fill로 설정하여 폼 크기가 조정될 경우 컨트롤 크기도 자동으로 조정되도록 설정할 수 있습니다. 이에 대한 예제는 3단계: 모양 및 동작 사용자 지정에서 살펴보았습니다. 이 예제에서는 WebBrowser 컨트롤이 Windows Form의 영역을 채우도록 도킹하는 방법을 배웠습니다. Windows Form의 크기를 늘리면 WebBrowser 컨트롤의 크기가 폼에 맞게 자동으로 조정됩니다.
필요한 경우 속성 창에서 컨트롤의 Height 및 Width 속성을 설정하여 컨트롤을 특정 크기로 조정할 수도 있습니다.
| 참고: |
|---|
다음 단계
다음 단원에서는 프로그램에 코드 줄을 추가합니다.
다음 단원: 4단계: Visual Basic 코드 추가