방법: 모눈에서 행 및 열 제거

  • 아티클

업데이트: 2008년 7월

WPF(Windows Presentation Foundation) Grid 컨트롤을 통해 모눈 기반 레이아웃을 만들면 컨트롤을 손쉽게 배치 및 정렬할 수 있습니다. 디자인 타임에 Windows Presentation Foundation(WPF) Designer for Visual Studio의 Grid 컨트롤에서 행 및 열을 제거할 수 있습니다.

행 또는 열을 삭제하는 경우 해당 행 또는 열에 있던 컨트롤을 다시 배치해야 합니다. 해당 컨트롤의 Grid.Row 또는 Grid.Column 속성을 수정하여 이 작업을 수행할 수 있습니다.

이 항목에서는 Grid에서 행 및 열을 삭제하는 세 가지 방법에 대해 설명합니다. 모눈에 행 및 열을 추가하는 방법에 대한 자세한 내용은 방법: 표에 행 및 열 추가를 참조하십시오.

디자이너 사용

Visual Studio 2008 SP1부터는 디자인 뷰에서 Grid 컨트롤의 기존 행 및 열을 제거할 수 있습니다.

디자이너를 사용하여 모눈에서 행 및 열을 삭제하려면

  1. WPF Designer에서 열 또는 행이 두 개 이상인 Grid 컨트롤을 선택합니다.

  2. 모눈 레일에서 모눈선 표시기 위로 마우스 포인터를 이동합니다.

    모눈선 표시기는 주황색으로 바뀌고 마우스 포인터는 위치 변경을 나타내는 모양으로 바뀝니다.

  3. 모눈선 표시기를 모눈 밖으로 끕니다.

    클릭하면 모눈선과 모눈선 표시기가 빨간색으로 바뀝니다. 모눈 밖으로 끌면 마우스 포인터가 삭제를 나타내는 X를 포함하는 모양으로 바뀝니다.

  4. 마우스 단추를 놓습니다.

    모눈선 및 해당 행 또는 열이 제거됩니다. 남은 행 및 열의 속성은 적절하게 업데이트됩니다.

컬렉션 편집기 사용

컬렉션 편집기를 사용하여 Grid에서 행 및 열을 삭제할 수 있습니다. 컬렉션 편집기를 사용하여 행 및 열을 구성하면 디자인 뷰와 XAML 뷰가 자동으로 업데이트됩니다.

컬렉션 편집기를 사용하여 모눈에서 행을 삭제하려면

  1. WPF Designer에서 Grid 컨트롤을 선택합니다.

  2. 속성 창에서 RowDefinitions 속성을 찾고 해당 속성 값 열에 있는 줄임표 단추를 클릭합니다.

    컬렉션 편집기 대화 상자가 나타납니다.

  3. 왼쪽 창에서 삭제할 RowDefinition을 클릭합니다.

  4. 항목 제거를 클릭하여 행을 삭제합니다.

  5. (선택 사항) 3~4단계를 반복하여 행을 추가로 삭제합니다.

  6. 확인을 클릭하여 컬렉션 편집기를 닫고 WPF Designer로 돌아갑니다.

컬렉션 편집기를 사용하여 모눈에서 열을 삭제하려면

  1. WPF Designer에서 Grid 컨트롤을 선택합니다.

  2. 속성 창에서 ColumnDefinitions 속성을 찾고 해당 속성 값 열에 있는 줄임표 단추를 클릭합니다.

    컬렉션 편집기 대화 상자가 나타납니다.

  3. 왼쪽 창에서 삭제할 ColumnDefinition을 클릭합니다.

  4. 항목 제거를 클릭하여 열을 삭제합니다.

  5. (선택 사항) 3~4단계를 반복하여 열을 추가로 삭제합니다.

  6. 확인을 클릭하여 컬렉션 편집기를 닫고 WPF Designer로 돌아갑니다.

XAML 편집기 사용

XAML 편집기를 사용하여 Grid에서 행 및 열을 직접 삭제할 수도 있습니다. 디자인 뷰는 자동으로 업데이트됩니다.

XAML 편집기를 사용하여 모눈에서 행 및 열을 삭제하려면

  1. XAML 편집기에서 행 및 열이 들어 있는 Grid 요소를 찾습니다. 예를 들면 다음 태그와 같습니다.

    <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="100" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="5*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="100" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="5*" />
    </Grid.ColumnDefinitions>
</Grid>

  2. 더 이상 필요하지 않은 행 및 열을 삭제합니다.

참고 항목

작업

연습: 동적 레이아웃 만들기

개념

WPF 디자이너의 정렬

절대 및 동적 위치를 사용하는 레이아웃

기타 리소스

WPF 컨테이너 컨트롤

변경 기록

날짜

변경 내용

이유

2008년 7월

디자이너를 사용하여 모눈에서 행 및 열을 삭제하는 단계가 추가되었습니다.

SP1 기능 변경