WPF 디자이너의 정렬
업데이트: 2007년 11월
Windows Presentation Foundation(WPF) Designer for Visual Studio에서는 개발자가 사용자 인터페이스의 컨트롤을 정렬하고 레이아웃하는 데 유용한 여러 가지 시각적인 신호를 제공합니다. 여백은 컨트롤 가장자리와 창 가장자리 사이의 거리를 유지하는 데 유용합니다. 맞춤선은 컨트롤이 다른 컨트롤에 맞춰진 경우 이를 나타내는 시각적 신호를 제공합니다. 모눈선은 많은 컨트롤 그룹을 모눈과 같은 패턴으로 정렬하고 레이아웃하는 데 유용합니다. 이 항목에서는 WPF Designer의 여백, 맞춤선 및 모눈선에 대해 소개합니다.
여백
WPF Designer에서 여백이란 컨트롤 가장자리와 컨트롤의 호스트 컨테이너 가장자리 사이의 공간을 나타냅니다. WPF Designer에서 컨트롤이 선택되면 컨트롤 가장자리와 컨테이너 가장자리 사이에 여백이 검은색 선으로 표시됩니다. 여백 선이 컨트롤에서 창의 가장자리까지 이어져 나타나는 경우는 여백이 고정되어 있음을 나타냅니다. 즉, 창 크기가 조정되어도 컨트롤 가장자리와 창 가장자리 간의 거리가 일정하게 유지됩니다. 반면 여백 선이 창의 가장자리까지 이어지지 않는 스텁으로 표시되는 경우는 여백이 고정되어 있지 않으며 컨트롤 가장자리와 창 가장자리 간의 거리가 변경될 수 있음을 나타냅니다. 예를 들어 컨트롤의 위쪽 및 왼쪽 여백이 고정되어 있으면 창 크기가 조정될 때 컨트롤은 창의 왼쪽 위 모퉁이를 기준으로 한 위치를 유지합니다. 반대로 아래쪽 및 오른쪽 여백이 고정되어 있는 경우에는 창 크기가 조정될 때 창의 왼쪽 위 모퉁이를 기준으로 컨트롤 위치가 변경됩니다. 위쪽 및 아래쪽 여백과 같이 서로 반대 방향의 여백이 고정되어 있으면 창 크기가 조정될 때 컨트롤이 늘어납니다. 컨트롤의 여백을 설정하는 방법에 대한 자세한 내용은 방법: WPF 디자이너에서 컨트롤의 여백 설정을 참조하십시오.
맞춤선
맞춤선은 창에서 컨트롤을 다른 컨트롤을 기준으로 맞추는 데 유용한 시각적인 신호입니다. 창에서 컨트롤을 끌면 컨트롤이 다른 컨트롤에 맞춰진 경우 맞춤선이 나타납니다. 맞춤선은 끌고 있는 컨트롤과 해당 컨트롤이 맞춰진 컨트롤을 연결하는 빨간색 선으로 나타납니다. 맞춤선은 창에서 끌고 있는 컨트롤의 위쪽, 아래쪽, 왼쪽 또는 오른쪽 가장자리가 다른 컨트롤의 동일한 가장자리에 맞춰진 경우에 나타납니다. 일부 컨트롤의 경우 텍스트 기준선이 맞춰진 경우에도 맞춤선이 나타납니다. 맞춤선 사용에 대한 자세한 내용은 방법: 텍스트 기준선 및 여백에 맞추기 및 방법: 맞춤선 없애기를 참조하십시오.
모눈선
모눈선은 WPF Designer에서 Grid 컨테이너 컨트롤을 사용하여 레이아웃된 컨트롤을 정렬하는 데 사용할 수 있습니다. 모눈선은 Grid의 행 및 열 사이의 분할선을 나타냅니다. 컨트롤이 Grid의 행, 열 또는 셀 내에 배치될 경우 표시되는 여백은 Grid의 행, 열 또는 셀 테두리를 기준으로 하며, 맞춤선은 행 또는 열의 한 쪽에 컨트롤을 맞추는 데 사용할 수 있습니다. 모눈선 사용에 대한 자세한 내용은 방법: 표에 행 및 열 추가를 참조하십시오.