[WPF] Layout (1ª Parte)

Para muchos de los que estamos empezando con WPF, es interesante conocer los distintos tipos de paneles de diseño que existen para insertar elementos en dichos paneles.

  • StackPanel

El StackPanel es un panel de diseño simple y útil. Apila sus elementos de arriba a abajo / izquierda a derecha, según su orientación (horizontal y vertical). Si no se indica nada, la alineación por defecto será vertical.

StackPanelVertical

<StackPanel>

    <TextBlock FontSize="26" HorizontalAlignment="Center">

        1

    </TextBlock>

    <TextBlock FontSize="26" HorizontalAlignment="Center">

        2

    </TextBlock>

    <TextBlock FontSize="26" HorizontalAlignment="Center">

        3

    </TextBlock>

    <TextBlock FontSize="26" HorizontalAlignment="Center">

        4

    </TextBlock>

</StackPanel>

StackPanelHorizontal

<StackPanel Orientation="Horizontal">

    <TextBlock FontSize="26" HorizontalAlignment="Center">

        1

    </TextBlock>

    ...

</StackPanel>

  • DockPanel

El DockPanel proporciona que un elemento se acople a la izquierda, a la derecha, al centro, arriba o abajo.

DockPanel

<DockPanel>

    <Button Content="Arriba" DockPanel.Dock="Top"/>

    <Button Content="Abajo" DockPanel.Dock="Bottom"/>

    <Button Content="Izquierda" DockPanel.Dock="Left"/>

    <Button Content="Derecha" DockPanel.Dock="Right"/>

    <Button Content="Botón"/>

</DockPanel>
[WPF] Layout (2ª Parte) -->