Головна‎ > ‎C# WPF‎ > ‎

Сітка


   

<Grid>
   <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*" />
      <ColumnDefinition Width="*" />
      <ColumnDefinition Width="*" />
   </Grid.ColumnDefinitions>
   <Button Grid.Column="0" Content="Перша" />
   <Button Grid.Column="1" Content="Друга" />
   <Button Grid.Column="2" Content="Третя" />
</Grid>



 
 
 

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="5*" />
        </Grid.RowDefinitions>
        <Button Grid.Row="0">1</Button>
        <Button Grid.Row="1">2</Button>
        <Button Grid.Row="2">3</Button>
</Grid>


  
  

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

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


Об'єднати 

2 рядки

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

2 стовпчики

<Button Grid.RowSpan="2" Grid.Column="0">1</Button>
<Button Grid.Row="0" Grid.Column="1">2</Button>
<Button Grid.Row="1" Grid.Column="1">4</Button>      


Елементи в рядок

По вертикалі

<StackPanel>
</StackPanel>

По горизонталі

<StackPanel Orientation="Horizontal">
</StackPanel>

По горизонталі справа наліво

<StackPanel Orientation="Horizontal" FlowDirection="RightToLeft">
</StackPanel>

Сітка в сітці

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="150" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Grid Grid.Column="0"  Background="Blue">
            <Button Margin="20">1</Button>
        </Grid>


        <Grid Grid.Column="1" Background="Yellow">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="2*" />
            </Grid.RowDefinitions>

            <Button Grid.Row="0" Margin="20">2</Button>
            <Button Grid.Row="1" Margin="20">3</Button>
        </Grid>

    </Grid>



Height="auto" - 0, або по мінімальному розміру елемента в середині



[ DockPanel ]




[ Canvas ]