개발

[C#, WPF] 그리드 만들기

딱딱키보드 2023. 6. 3. 14:52
728x90
SMALL

WPF에서 그리드를 만드는 방법은 다음과 같습니다.

  1. 새 WPF 프로젝트를 만들고 MainWindow.xaml 파일을 엽니다.
  2. Grid 태그를 추가합니다. 이것은 다른 XAML 요소를 그룹화하는 데 사용됩니다.
  3. 그리드의 행과 열을 추가합니다. 이 예에서는 3x3 그리드를 만듭니다.

 

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <!-- Add other XAML elements here -->
</Grid>

 

 

  1. 그리드 셀에 컨트롤을 추가합니다. 이 예에서는 각 셀에 버튼을 추가합니다.
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <Button Grid.Row="0" Grid.Column="0" Content="Button 1" />
    <Button Grid.Row="0" Grid.Column="1" Content="Button 2" />
    <Button Grid.Row="0" Grid.Column="2" Content="Button 3" />

    <Button Grid.Row="1" Grid.Column="0" Content="Button 4" />
    <Button Grid.Row="1" Grid.Column="1" Content="Button 5" />
    <Button Grid.Row="1" Grid.Column="2" Content="Button 6" />

    <Button Grid.Row="2" Grid.Column="0" Content="Button 7" />
    <Button Grid.Row="2" Grid.Column="1" Content="Button 8" />
    <Button Grid.Row="2" Grid.Column="2" Content="Button 9" />
</Grid>

 

위 예제에서는 버튼을 사용했지만, 그리드 셀 안에 다른 컨트롤을 추가할 수도 있습니다. 그리드는 XAML 레이아웃의 유연한 요소 중 하나이며, 필요에 따라 동적으로 조정할 수 있습니다.

728x90
LIST

'개발' 카테고리의 다른 글

[C#, WPF] 계산기 만들기  (0) 2023.06.05
[C#, wpf] 다운로더 만들기  (0) 2023.06.04
[C#] 문자열과 숫자 형변환 방법  (0) 2023.06.02
[C#] Chart 사용법  (0) 2023.06.01
[C#] 파일 입출력하는 방법  (0) 2023.05.31