방법: Grid 컨트롤에서 행과 열 크기 지정
WPF(Windows Presentation Foundation) Grid 컨트롤을 통해 모눈 기반 레이아웃을 만들면 컨트롤을 손쉽고 빠르게 배치 및 정렬할 수 있습니다. 디자인 타임에 WPF Designer에서 행 및 열의 크기를 조정할 수 있습니다. 기본적으로 새로 만든 행과 열은 Star 크기 조정을 사용합니다.
중요
내용을 추가하기 전에 행 또는 열의 크기를 Auto로 설정하면 디자이너에서 행 또는 열을 볼 수 없습니다. 이로 인해 컨트롤을 올바른 행 또는 열에 배치하기가 어려울 수 있습니다. 이와 같이 나타나지 않도록 하려면 작업 중에는 별표를 사용한 크기 조정을 사용하고 작업이 완료되면 이를 Auto로 변경합니다.
이 항목에서는 디자이너 제스처를 사용하여 Grid에서 행과 열의 크기를 조정하는 방법을 보여 줍니다.
디자이너를 사용하여 행 높이 설정
WPF Designer에서 Grid 컨트롤을 선택하면 위쪽 및 왼쪽에 레일이 표시됩니다.
참고
FlowDirection 속성이 RightToLeft로 설정되어 있으면 행의 레일이 Grid의 오른쪽에 나타납니다.
디자이너를 사용하여 행 높이를 설정하려면
WPF Designer에서 행이 두 개 이상인 Grid 컨트롤을 선택합니다.
측면 레일 위로 포인터를 가져갑니다.
포인터가 십자 모양으로 바뀌고 해당 행의 레일 바깥쪽에 흐리게 표시된 크기 조정 막대가 나타납니다.
포인터를 크기 조정 막대 위로 옮겨 크기 조정 옵션을 선택합니다. 크기 조정 옵션은 고정, 별표 및 자동입니다.
행 높이를 고정 값으로 설정하려면 # 단추를 클릭합니다.
XAML 뷰에서 행 높이가 고정 값(n)으로 업데이트됩니다.
별표를 사용한 크기 조정을 사용하도록 행 높이를 설정하려면 * 단추를 클릭합니다.
XAML 뷰에서 행 높이가 별표를 사용한 크기 조정을 사용하도록(n*****) 업데이트됩니다.
자동 크기 조정을 사용하도록 행 높이를 설정하려면 자동 단추를 클릭합니다.
XAML 뷰에서 행 높이가 자동 크기 조정을 사용하도록(자동) 업데이트됩니다.
참고
행에 콘텐츠가 없는 경우 자동 크기 조정 옵션을 사용하면 높이가 0으로 축소됩니다. 이 경우 Grid를 디자인할 때 불편할 수 있습니다. 이 문제를 방지하려면 먼저 행에 콘텐츠를 추가한 후 자동 크기 조정으로 설정합니다.
크기 조정 옵션을 선택하지 않고 나가려면 Esc 키를 누르거나 포인터를 크기 조정 막대 바깥쪽으로 옮깁니다.
디자이너를 사용하여 열 너비 설정
열 너비를 설정하는 절차는 행 높이를 설정하는 절차와 똑같습니다.
디자이너를 사용하여 열 너비를 설정하려면
- 앞의 단계를 따르되 포인터를 위쪽 레일 위로 옮겨 크기 조정 막대를 활성화합니다.