wpf grid 예제

그리드 레이아웃의 공유 크기 기능을 사용하면 여러 그리드에서 열 너비를 동기화할 수 있습니다. 이 기능은 데이터 템플릿 내의 레이아웃 패널로 그리드를 사용하여 다중 열 목록 보기를 실현하려는 경우에 매우 유용합니다. 각 항목에는 자체 그리드가 포함되어 있으므로 열의 너비가 같지 않습니다. 다음 예제에서는 그리드를 만드는 방법을 보여 줍니다. 이 경우 그리드는 세 개의 ColumnDefinition 요소와 자식 콘텐츠를 호스트하는 4개의 RowDefinition 요소를 정의합니다. 다음 예제에서는 표 형식에 지정하기 위해 Grid에 자식 요소를 추가하는 방법을 보여 주어집니다. 다음 XAML 구현에서는 텍스트 블록이 첫 번째 열에 추가되고 텍스트 상자가 그리드의 두 번째 열에 추가됩니다. 그리드 스플리터를 정렬하는 가장 좋은 방법은 자체 자동 크기의 열에 배치하는 것입니다. 이렇게 하면 인접한 셀에 겹치는 것을 방지할 수 있습니다. 그리드 스플리터가 이전 셀과 다음 셀의 크기를 변경하도록 하려면 크기 조정을 이전AndNext로 설정해야 합니다. 그리드 레이아웃 패널에 컨트롤을 추가하려면 Grid의 열기 및 닫기 태그 사이에 선언을 넣습니다. 행 및 열 정의는 자식 컨트롤의 정의를 미리 설정해야 합니다. 그리드에는 기본적으로 하나의 행과 열이 있습니다.

추가 행 및 열을 만들려면 행 정의 컬렉션에 행 정의 항목을 추가 해야 하 고 ColumnDefinitions 컬렉션에 열 정의 항목입니다. 다음 예제에서는 세 개의 행과 두 개의 열이 있는 그리드를 보여 주십습니다. 보다 일반적인 예로 동일한 창에서 호스팅되는 두 개의 Grid 컨트롤에서 열 크기를 공유할 수 있습니다. 그리드 레이아웃 패널은 연결된 두 속성 Grid.Column 및 Grid.Row를 제공하여 컨트롤의 위치를 정의합니다. 열과 행으로 구성된 유연한 그리드 영역을 정의합니다. 아래 예제에서는 첫 번째 및 세 번째 열의 너비를 자동으로 설정하고 동일한 SharedSizeGroup에 넣었습니다. ColumnDefinition의 SharedSizeGroup 속성을 사용하여 데이터 템플릿이 있는 ListBox에서 일관된 열 크기로 이어질 수 있습니다. 이는 목록의 각 항목에 그리드의 자체 인스턴스가 있고 열 크기가 서로 다른 그리드에서 공유되기 때문에 작동합니다. 아래 예제에서 사용자는 스플리터를 끌 수 있지만 드래그할 때 왼쪽 열과 오른쪽 열의 너비가 동시에 변경됩니다. 또한 연결된 속성 Grid.Row 및 Grid.Column을 사용하여 그리드에 컨트롤을 배치하고 첫 번째 행 또는 첫 번째 열 (또는 둘 다)을 사용하려는 컨트롤에서 이러한 속성을 생략한 것을 다시 한 번 알 수 있습니다.

Next Post:
Previous Post: