방법: 절대 위치를 기반으로 하는 레이아웃 만들기

아티클
08/10/2011

WPF Designer for Visual Studio에서는 절대 위치를 지원하는 Canvas 패널 컨트롤을 제공합니다. Canvas 패널 컨트롤을 사용하여 응용 프로그램에서 요소의 절대 위치를 지정할 수 있습니다.

중요

가능하면 동적 레이아웃을 사용하는 것이 좋습니다. 동적 레이아웃은 가장 유연할 뿐 아니라 지역화되는 경우와 같이 내용이 변경될 경우 적절히 조정되고 최종 사용자가 사용 환경을 가장 잘 제어할 수 있게 해 줍니다. 동적 레이아웃의 예제를 보려면 방법: 동적 레이아웃 만들기 및 연습: 동적 레이아웃 만들기를 참조하십시오.

패널 컨트롤 추가

기본적으로 각각의 새 WPF 응용 프로그램에는 Grid 패널을 사용하는 Window가 들어 있습니다. 절대 위치를 기반으로 한 레이아웃을 만들려면 Canvas 패널을 사용해야 합니다. 이 절차에서는 기본 Grid를 제거하고 Canvas를 추가합니다.

패널 컨트롤을 추가하려면

디자인 뷰에서 모눈을 선택합니다.

참고

모눈 안쪽을 클릭하거나 Tab 키를 사용하는 등의 다양한 방법으로 모눈을 선택할 수 있습니다. WPF Designer에서 요소를 선택하는 방법에 대한 자세한 내용은 방법: 디자인 화면의 요소 선택 및 이동을 참조하십시오.
Delete 키를 눌러 Grid를 삭제합니다.
도구 상자의 컨트롤 그룹에서 Canvas 컨트롤을 Window로 끌어 옵니다.
(선택 사항) 속성 창에서 Canvas의 Height 속성을 Auto로 설정합니다.

Canvas가 Window 높이에 맞게 늘어납니다.
(선택 사항) 속성 창에서 Canvas의 Width 속성을 Auto로 설정합니다.

Canvas가 Window 너비에 맞게 늘어납니다.
파일 메뉴에서 모두 저장을 클릭합니다.

패널에 컨트롤 추가

이제 패널에 컨트롤을 추가하고 Canvas의 연결된 속성 Left 및 Top을 사용하여 컨트롤의 절대 위치를 지정합니다.

패널에 컨트롤을 추가하려면

도구 상자에서 컨트롤을 Canvas로 끌어 옵니다.
속성 창에서 컨트롤에 대해 다음 속성을 설정합니다.
- Canvas.Left
- Canvas.Top
참고

Left와 Right를 함께 사용하거나 Top과 Bottom을 함께 사용할 수는 없습니다. 속성 창에는 Left와 Top만 표시되지만 XAML 편집기에서 Right와 Bottom을 지정할 수 있습니다. Left와 Right를 모두 지정하면 마지막 선언만 사용됩니다. Top과 Bottom을 모두 지정하면 마지막 선언만 사용됩니다.
1~2단계를 반복하여 필요한 모든 컨트롤을 패널에 추가합니다.
파일 메뉴에서 모두 저장을 클릭합니다.

참고 항목

다음을 통해 공유