WPF 강좌자료4 (레이아웃 - Canvas)

 

<레이아웃-Canvas>

 

 

 

Canvas는 가장 단순한 패널입니다. 쉽게 생각하면

 

 

모눈종이라고 생각할 수 있습니다.

 

 

Canvas의 기본 Heght 및 Width 속성은 0이지만,

 

 

자식 요소의 크기를 자동으로 지정하는 요소의

 

 

자식일 떄는 예외입니다.

 

 

Canvas의 자식 요소는 크기가 조정되지 않으며

 

 

지정된 좌표에 배치되기만 합니다.

 

 

기본적인 크기 조정 제약 조건이나 맞춤을 적용할

 

 

필요가 없거나 적용하지 않으려는 경우 이러한

 

기능을 유연하게 활용할 수 있습니다.

 

 

Canvas의 자식 요소에는 항상 요청되는 전체크기가

 

 

할당되며, Canvas 내에서는 가로 및 세로 맞춤이

 

 

적용되지 않습니다.

 

 

이 말은 Canvas 크기가 달라지더라고 Canvas

 

 

안의 요소의 크기는 변하지 않는다는 것입니다.

 

 

그럼 이제부터 Canvas 컨트롤을 사용하는

 

예제를 만들어 보고 Canvas의 크기가 변하여도

 

 

자식요소의 크기가 변하는지 변하지 않는지

 

 

확인해 보겠습니다.

 

 

그 전에 한가지 가정을 해서 진행하면 한 화면에

 

 

TextBlock,Button,Image 가 있고 이미지와 버튼은

 

 

창의 크기가 변해도 고정된 사이즈를  유지해야

 

 

함을 가정합니다.

 

 

그럼 이제 Visual Studio 를 열어 PenelSample 라는

 

 

이름으로 새로운 프로젝트를 생성합니다.

 

 

 

 

 

그런 다음 Window1의 이름을 Canvas 로 변경하고

 

 

이미지 하나를 추가하겠습니다.

 

 

 

Canvas.xaml에서 <Grid> </Grid> 부분을 삭제 후 그

 

 

자리에 Canvas 컨트롤을 올려놓고 자식요소로

 

 

TextBlock , Button , Image 컨트롤을 올려보겠습니다

 

 

 

이제 빌드하여 결과를 확인합니다.

 

 

만일 오류가 발생한다면 App.xaml 의 Startup Uri

 

 

를 확인하셔야 합니다 ^ㅇ^

 

 

 

 

마지막 으로 Window 의 크기를 변화시켜 Canvas 안의

 

 

자식 요소들의 크기가 영향을 받는지 확인해보죠

 

 

 

 

이처럼 Canvas 를 사용할때는 고정된

 

레이아웃 고정된 이미지를 나타낼 때

 

사용됨이 적당할 것입니다.

 

 

 

 

#오라클자바교육센터/#오라클/#자바/#Java/#오라클자바

/#WPF/#WPF강의/#WPF자료