WPF 강좌#3 그리드 Grid

그리드는 행과 열을 이용해서 화면을 구성할 수 있다.

바둑판처럼 생겼다고 생각하면 된다.

ch3 창 생성.

시작 창 변경

버튼을 2개 추가했는데 보이는 건 1개 뿐.

버튼 1위에 버튼 2가 추가되었음.

이 것을 방지하기 위해 행을 나눠줄 것임.

2개를 입력해서 행이 2개가 되었음.

 

Button에 Grid.Column을 추가하도록 함.

순서는 0, 1, 2, 3 이다.

 

 

버튼을 추가하고, 사이즈를 지정해보겠다.

컬럼에 Auto를 넣을 수도 있고, 픽셀 단위로 넣을 수도 있다.

버튼1의 크기가 먼저 지정이 됨.

버튼 2는 1/3 크기가 되고,

버튼 3은 2/3 크기가 됨.

버튼을 하나 더 추가.

버튼2는 1/5 크기

버튼 3, 버튼4는 2/5 크기를 나눠 가짐.

 

열을 4개 추가할 수도 있다.

 

 

행을 2개로 만들고

Grid.Row를 0과 1로 지정한다.

이름을 -1 추가.

RowSpan = 2를 지정하면 2칸을 먹음

ColumnSpan = 2를 지정하면 2칸 먹음.

 

남는 칸수만큼을 입력하면 그만큼 칸을 먹음.

실행한 화면

 

https://youtu.be/wwY-lkk7Rwg?si=u8Wqf_w35sY_rMFQ