WPF AutoGrid 소개 (AutoGrid.Core)

튜토리얼, 팁, 강좌
1

WPFAutoGrid

Charlie Brown님의 WPF AutoGrid를 소개합니다.

GitHub URL

WPF Grid…

일반적으로 Grid 컨트롤이 WPF 레이아웃에서 차지하는 비중은 매우 높습니다. 하지만 한편으로는 이것을 사용하기가 다소 불편하거나 또 진입 장벽이 높은 것이 사실입니다. 그렇기 때문에 여러분은 행과 열을 좀 더 쉽고 간단하게 정의할 수 있는 방법에 대해 한번 쯤 고민한 적이 있을 것입니다. :smile: 저 또한 DependencyProperty를 활용해서 동적으로 행과 열을 구성할 수 있도록 제공하는 방법을 사용해왔습니다.

제가 소개할 이 라이브러리는 Grid의 행과 열의 갯수, 그리고 Size를 기존 RowDefinitions 또는 ColumnDefinitions를 사용하지 않고도 간단하게 사용할 수 있도록 제공하고 있습니다. AutoGrid는 누겟으로도 다운로드 받을 수 있으며 현재 기준으로 약 68.3K 다운로드 중인 인기 있는 누겟 패키지이기도 합니다.

사용방법은 직관적이면서도 간단합니다.

<AutoGrid RowCount="2" RowHeight="auto,*" Columns="auto,200">
  <TextBlock/>
  <TextBox/>
  <ListBox/>
  <TextBox/>
</AutoGrid>

주요 속성

  • Rows
  • RowCount
  • Columns
  • ColumnCount
  • Orientation
  • ChildMargin

Orientation까지 있군요! 만약 Vertical이라면 컨트롤 순서가 예상되시겠죠?
그리고 병합은 기존처럼 컨트롤에서 Span을 통해 하시면 알아서 계산 및 적용이 됩니다.

제가 준비한 내용은 여기까지 입니다. :smile:
읽어주셔서 감사합니다.

10개의 좋아요
2

항상 Grid로 UI를 디자인하면서 너무 길어지는 불편함이 있었는데 한번 사용해봐야겠네요!
좋은 글 감사합니다

3개의 좋아요
3

기본 Grid를 100% 사용 안할 수는 없겠지만,
간단하게 구현해야 하는 경우에 번거로운 보일러플레이트를 줄여 주니 정말 유용하겠네요.
감사합니다~

1개의 좋아요
4

참고로 Core 버전도 있습니다!!