Сайт о программировании, с примерами программ на C# Java

UniformGrid контейнер компоновки WPF

UniformGrid – помещает элементы в невидимую таблицу, устанавливая одинаковый размер для всех ячеек. Данный контейнер компоновки используется нечасто.

<UniformGrid Rows="2" Columns="2">
        <TextBlock Background="LightGoldenrodYellow" Padding="10" Margin="10">TextBlock 1</TextBlock>
        <TextBlock Background="LightBlue" Padding="10" Margin="10">TextBlock 2</TextBlock>
        <TextBlock Background="LightGray" Padding="10" Margin="10">TextBlock 3</TextBlock>
        <TextBlock Background="LightSteelBlue" Padding="10" Margin="10">TextBlock 4</TextBlock>
    </UniformGrid>

1

2

3

4

5

6

<TextBlock Background="LightGoldenrodYellow" Padding="10" Margin="10">TextBlock 1</TextBlock>

<TextBlock Background="LightBlue" Padding="10" Margin="10">TextBlock 2</TextBlock>

<TextBlock Background="LightGray" Padding="10" Margin="10">TextBlock 3</TextBlock>

<TextBlock Background="LightSteelBlue" Padding="10" Margin="10">TextBlock 4</TextBlock>

</UniformGrid>

WrapPanel контейнер компоновки WPF

WrapPanel – размещает элементы в последовательностях строк с переносом. В горизонтальной ориентации WrapPanel располагает элементы в строке слева направо, затем переходит к следующей строке. В вертикальной ориентации WrapPanel располагает элементы сверху вниз, используя дополнительные колонки для дополнения оставшихся элементов.

<WrapPanel Orientation="Vertical">
        <TextBlock Background="LightGoldenrodYellow" Padding="10" Margin="10">TextBlock 1</TextBlock>
        <TextBlock Background="LightBlue" Padding="10" Margin="10">TextBlock 2</TextBlock>
        <TextBlock Background="LightGray" Padding="10" Margin="10">TextBlock 3</TextBlock>
        <TextBlock Background="LightSteelBlue" Padding="10" Margin="10">TextBlock 4</TextBlock>
        <TextBlock Background="LightCoral" Padding="10" Margin="10">TextBlock 5</TextBlock>
        <TextBlock Background="Khaki" Padding="10" Margin="10">TextBlock 6</TextBlock>
        <TextBlock Background="LightSeaGreen" Padding="10" Margin="10">TextBlock 7</TextBlock>
    </WrapPanel>

1

2

3

4

5

6

7

8

9

<TextBlock Background="LightGoldenrodYellow" Padding="10" Margin="10">TextBlock 1</TextBlock>

<TextBlock Background="LightBlue" Padding="10" Margin="10">TextBlock 2</TextBlock>

<TextBlock Background="LightGray" Padding="10" Margin="10">TextBlock 3</TextBlock>

<TextBlock Background="LightSteelBlue" Padding="10" Margin="10">TextBlock 4</TextBlock>

<TextBlock Background="LightCoral" Padding="10" Margin="10">TextBlock 5</TextBlock>

<TextBlock Background="Khaki" Padding="10" Margin="10">TextBlock 6</TextBlock>

<TextBlock Background="LightSeaGreen" Padding="10" Margin="10">TextBlock 7</TextBlock>

</WrapPanel>

DockPanel контейнер компоновки WPF

DockPanel— Выстраивает элементы по краю контейнера.

<DockPanel LastChildFill="True">

        <TextBlock DockPanel.Dock="Top"
                   Background="LightBlue"
                   Padding="10">
            DockPanel.Dock="Top"</TextBlock>

        <TextBlock DockPanel.Dock="Top"
                   Background="LightBlue" 
                   Padding="10"><Run Text="Toolbar"/></TextBlock>

        <TextBlock DockPanel.Dock="Bottom"
                   Background="LightGreen" 
                   Padding="10">
            DockPanel.Dock="Bottom"</TextBlock>

        <TextBlock DockPanel.Dock="Right"
                   Background="LightCyan"
                   Padding="10">
            DockPanel.Dock="Right"</TextBlock>

        <TextBlock DockPanel.Dock="Left"
                   Background="LightCoral"
                   Padding="10">
    
            DockPanel.Dock="Left"</TextBlock>


    </DockPanel>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<TextBlock DockPanel.Dock="Top"

Background="LightBlue"

Padding="10">

DockPanel.Dock="Top"</TextBlock>

<TextBlock DockPanel.Dock="Top"

Background="LightBlue"

Padding="10"><Run Text="Toolbar"/></TextBlock>

<TextBlock DockPanel.Dock="Bottom"

Background="LightGreen"

Padding="10">

DockPanel.Dock="Bottom"</TextBlock>

<TextBlock DockPanel.Dock="Right"

Background="LightCyan"

Padding="10">

DockPanel.Dock="Right"</TextBlock>

<TextBlock DockPanel.Dock="Left"

Background="LightCoral"

Padding="10">

DockPanel.Dock="Left"</TextBlock>

</DockPanel>

StackPanel контейнер компоновки WPF

StackPanel – размещает элементы в горизонтальном или вертикальном стеке.Этот контейнер компоновки обычно используется в небольших разделах крупного и более сложного окна.

  <StackPanel Orientation="Vertical">
        <Button Content="Button" Margin="10"/>
        <Button Content="Button" Margin="10" />
        <Button Content="Button" Margin="10" />
        <Button Content="Button" Margin="10"/>
        <Button Content="Button" Margin="10"/>
        <Button Content="Button" Margin="10"/>
    </StackPanel>

1

2

3

4

5

6

7

8

</StackPanel>

StackPanel Orientation=»Vertical» StackPanel Orientation=»Horizontal»

Grid контейнер компоновки WPF

Grid – выстраивает элементы в строки и колонки невидимой таблицы. Это один из наиболее гибких и широко используемых контейнеров компоновки.

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Button Content="Button" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75"/>
        <Button Content="Button" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75"/>
        <Button Content="Button" HorizontalAlignment="Center" Grid.Row="1" VerticalAlignment="Center" Width="75"/>
        <Button Content="Button" Grid.Column="1" HorizontalAlignment="Center" Grid.Row="1" VerticalAlignment="Center" Width="75"/>
    </Grid>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</Grid>