WPF xmal Grid 제어( 나누기, 접근)

솔직하게 WPF의 장점은 짧은 제 생각에 대충 

 

구성을 해도 프로토 타입이 From처럼 투박하지 않은 편이고. 프로토 타입 모니터링 

 

어플리케이션 만들기도 좋은듯 합니다! 이미 몇번 만들어서 활용하기도 했구요.

         

-Grid활용

사실 맨처음에 xmal 파일을 보면 맨 상단에 Grid가 있다.

 

저는 개인적으로 다른거는 잘 안쓰고 Grid를 쪼개어 UI작업을 하는 편입니다.

 

딱히 이유는 없지만 먼가 편하고(손에 익고) 나중에 수정이나 기타 관리하기 쉬운 느낌을

 

많이 받아 이러한 패턴을 자주 사용 합니다. 

 

Grid 분리.

-열 분리-

<Grid.ColumnDefinitions>

            <ColumnDefinition Width="299*"/>

            <ColumnDefinition Width="97*"/>

</Grid.ColumnDefinitions>

-행 분리-

<Grid.RowDefinitions >

            <RowDefinition Height="4*"/>

            <RowDefinition Height="1*"/>

</Grid.RowDefinitions>

보통 저는 분리를 할때 값에 *를 붙여 비율로 많이 분리하는데 그냥 값 만 적으면 크기별로 

 

조정 할 수 있습니다.

 

분리 한 Grid 는 

 

Grid.Column="0"

 

Grid.Row="0" 

 

이런식으로 접근 할 수 있습니다 2차원 배열이라고 생각하면 편할 수도…

 

마지막으로 예전에 장난으로 만들어본 UI 이미지로 마무리 할게요! 이렇게 하는데 10분정도 

 

안걸린거 같아요. 더 예쁘게 만들 수도 있었지만 장난으로 만든거기에 .. 대충 느낌만 보시면 

 

좋을듯해요!

 

 

감사합니다.