WPF 강좌예제 레이아웃 - Grid

 

<레이아웃 - Grid>

 

 

 

Grid 는 그 동안 많이 접해왔던 표 ,

 

 

Table 과 같은 형태의 패널입니다.

 

 

그래서 좀 더 쉽게 사용 할 수 있습니다

 

 

Grid 내에 정의된 열 및 행에서는 Star(*)

 

 

크기 조정을 활용하여 나머지 공간을

 

 

 

비율에 따라 배분할 수 있습니다.

 

 

 

행이나 열의 높이 또는 너비로 Star 를 선택하면

 

 

사용 가능한 나머지 공간 중 일정 비율이 가중치에

 

 

따라 해당 열이나 행에 할당됩니다.

 

 

이는 열이나 행에 들어 있는 내용의 크기에 따라

 

 

공간을 균등하게 분해하는 Auto의 동작과 대조됩니다.

 

 

XAML(Extensible Application Markup Language)

 

 

사용 시 이 값은 * 또는 2*로 나타냅니다.

 

 

첫 번째 경우에는 행 또는 열에 사용 가능한

 

 

 

공간과 같은 공간이 할당되고 

 

 

 

두 번째 경우에는 행 또는 열에 사용 가능한 공간의

 

 

 

2배가 할당되는 방식입니다.

 

 

별표를 사용한 크기 조정에 대한 자세한 내용은

 

 

별표를 사용한 크기 조정 샘플을 참조하시면

 

됩니다. 이 방법과 HorizontalAlingment 및

 

 

VerticalAlignment 값을 Stretch 로 지정하여

 

 

비율에 따라 공간을 배분하는 방법을 결합하면

 

 

화면공간의 백분율에 따라 레이아웃 공간을

 

 

 

나눌 수 있습니다.

 

 

이러한 방식으로 공간을 배분할 수 있는

 

 

 

레이아웃 패널은 Grid뿐 입니다.

 

 

 

이제 다음 예제를 통해 Grid 를 이용해 간단한

 

 

 

로그인 창의 레이아웃을 만들어 보겠습니다.

 

 

 

웨이서 사용한 프로젝트에 Grid 라는 이름으로

 

 

 

새로운 창을 추강하겠습니다.

 

 

 

그리고 Grid.xaml 에 다음 코드를 작성합니다.

 

 

이제 실행 결과를 확인보겠습니다.

 

 

 

어떤 가요?

 

Grid 를 이용한 멋진 로그인창이 생성되었습니다

 

 

 

 

 

#오라클자바교육센터#오라클자바#오라클#자바#구로자바학원#구로오라클학원#구로오라클#구로자바

#구로오라클학원#WPF#WPF강좌#WPF강의#WPF자료#WPF예제자료#WPF예제