WPF | www.nookery.ru

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>

Особенности компоновки в WPF • Окно в WPF может содержать только один элемент. • Размеры элементов не должны быть заданы явно. • Элементы не отражают свое положение с помощьюэкранных координат. • Контейнеры компоновки разделяют доступноепространство между своими дочерними элементами. • Контейнеры компоновки допускают вложения. Процесс компоновки Измерение — контейнер компоновки просматривает свои дочерниеэлементы и запрашивает […]

Введение в WPF, XAML разметка

WPF для визуализации используется DirectX (аппаратная поддержка). В случае со старыми видеокартами используется программное вычисление эффектов. WPF визуализирует все элементы пользовательского интерфейса самостоятельно, иесли кнопка при проектировании в ширину была пять сантиметров, то при выполненииприложения на каком, либо разрешении кнопка останется шириной в пять сантиметров.В основу масштабирования ставится системный параметр DPI (Dots Per Inch). System.Threading.DispatcherObject. […]

Рубрика: WPF

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

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

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

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

Введение в WPF, XAML разметка