본문 바로가기

팁/WPF 팁

[WPF] 반응형 창 크기 & 컨트롤 크기

반응형

 

 

WPF 팁

 

 

창을 키우거나 줄일 때 그에 맞춰 속의 내용도 조절이 되어야 하는 경우가 있는데요.

 

그런 경우에 어떻게 하는지 간단하게 소개합니다. (그래서 팁)

 

 

 

 

 

 

우선 구분할게 있어야 하니 창에 Border를 하나 추가하겠습니다.

 

Ctrl + F5 눌러서 실행

 

 

 

 

원본 - 확대

 

 

창크기를 수정하면 속의 내용은 그대로 있고 여백이 늘어난걸 볼수있죠.

(창을 키운건데 사진은 줄인거같네 ㅠ)

 

또한 시작했을때 모습이 디자인에서 보던 모습과는 다르게 치우쳐 있기도 합니다.

 

다시 디자인으로 가봅시다.

 

 

 

 

누르면 커져용

만들어둔 Border를 클릭하고 모서리를 보면 크기 조절을 위한 사각형과 별개로 떨어져있는것과 체인같은 모양이 있는걸 볼 수 있습니다.

 

떨어져있는걸 누르면 해당 요소의 상위 요소의 크기에 맞게 조절이 되게 됩니다.

 

예를 들어 지금처럼 아무것도 없는 상태에서 설치한 경우 창 크기에 맞춰 바뀌게 됩니다.

 

 

 

 

 

이런식으로 속에다가 추가하게 된다면 그 위치에서 상위 요소에 크기가 맞춰지죠.

 

(물론 밖에꺼에 맞출 수도 있긴 합니다.)

 

 

이제 수정을 했으니 실행을 해봅시다.

 

 

 

원본 - 확대 - 축소

 

이전과는 다르게 창크기에 맞게 여백이 일정하게 유지되는 모습을 볼 수 있죠.

 

속의 Border가 창크기에 맞춰 크기가 바뀌고 있기 때문입니다.

 

 

 

끝!

반응형