not - Agregar espacios entre los controles de WPF

wpf margin

Question

Creé dos botones usando el siguiente código XAML .

<Button x:Name="Button1" Width="100" Content="Button1" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>
                        <Button x:Name="Button2" Width="100" Content="Button2" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>

Los dos botones se tocan fuertemente entre sí. ¿Cómo poner algo de espacio entre ellos?

Nota: Los botones están ubicados dentro de un panel de distribución con orientación horizontal.

Answer 1

Agrega un margen a tus botones

<Button Margin="10" x:Name="Button1" Width="100" Content="Button1" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>
<Button Margin="10"  x:Name="Button2" Width="100" Content="Button2" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>

El margen se asegurará de que haya al menos ese espacio entre cada botón y cualquier otro control

Algo que puede resultarle útil es que puede tener diferentes valores de margen para arriba, izquierda, derecha e inferior, de modo que:

Margin="10,0,10,0"

Espaciaría los botones horizontalmente pero no los haría más pequeños verticalmente ...

Answer 2

Si no usa (por algún motivo) la propiedad Margen del botón, puede colocar un Separador transparente (color de fondo transparente) con el Ancho (o / y Altura) deseado entre sus controles (Botones en su caso).

En xaml:

<StackPanel Orientation="Horizontal">
  <Button x:Name="Button1" Width="100" Content="Button1"/>
  <Separator Width="20" Background="Transparent"/>
  <Button x:Name="Button2" Width="100" Content="Button2"/>
</StackPanel>