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

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

14 голосов
/ 15 мая 2011

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

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

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

Ответы [ 2 ]

22 голосов
/ 15 мая 2011

Добавьте поля для ваших кнопок 

<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 гарантирует, что между каждой кнопкой и любым другим элементом управления будет как минимум столько места

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

Margin="10,0,10,0"

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

17 голосов
/ 17 октября 2016

Если вы не используете (по какой-то причине) свойство 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>
...