Добавление пробелов между элементами управления WPF

Я создал две кнопки, используя следующий 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>

Две кнопки плотно касаются друг друга. Как разместить между ними пространство?

Примечание. Кнопки расположены внутри панели стека с горизонтальной ориентацией.

Ответ 1

Добавить маржу к вашим кнопкам

<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>

Маржа будет обеспечивать, чтобы между каждой кнопкой и любым другим элементом было, по крайней мере, столько места.

Что-то, что может показаться полезным, состоит в том, что вы можете иметь разные значения полей для верхнего, левого, правого и нижнего так:

Margin="10,0,10,0"

Поместили бы кнопки горизонтально, но не уменьшили бы их по вертикали...

Ответ 2

Если вы не используете (по какой-либо причине) свойство Button Margin, вы можете поместить прозрачный разделитель (прозрачный цвет фона) с требуемой шириной (или/и высотой) между вашими элементами управления (кнопки в вашем случае).

В 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>