[WPF] MVVM 패턴으로 WPF 시작하기 - 02 UI 구성(Grid, ListView, StackPanel)

1.Grid

Grid Panel이라고도 불리며 열과 행으로 테이블 형태의 Layout을 제공함

WPF UI를 구성할 떄 가장 기초적이며 가장 많이 사용함

Row 두개 만들어서 임직원 리스트와 선택한 임직원의 정보를 보여 주기 위해 RowDefinitions를 사용함

 

2.ListView

ListView 컨트롤은 각가의 정보를 담고있는 List를 표현하기 위한 컨트롤

각 아이템들은 ListViewItem으로 표시함

예) 전화번호부, 인물정보 등 리스트 표현할 때 사용됨

 

Grid.Row

- 로우 번호 설정. 두개 로우로 나눴으니 첫번째 로우 안에 리스트뷰를 넣기

 

DisplayMemberPath

- ItemSource로 바인딩된 뷰모델에서 어떤 속성을 UI에 표시할지 설정. People로 바인딩된 ItemSource에서 Name 속성 보여지게 설정

 

ItemsSource

- ListView에 보여질 아이템 소스 설정. 즉 뷰모델 설정

 

SelectedItem

- ListView에서 아이템 선택되면 SelectedItem으로 가게 됨. 그때 사용될 뷰모델 설정

나중에 데이터가 들어오면 이런 식으로 ListView가 만들어지게 됨

 

3.StackPanel

StackPanel은 UI control을 가로, 세로 Stack처럼 줄줄이 늘어놓을 수 있게 만들 수 있는 Panel

 

출처) 괴발자 데브봉