在WPF控件之间添加空格

Question

我使用以下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>

这两个按钮紧紧相扣.如何在它们之间留出一些空间？

注意: 按钮位于具有水平方向的堆叠面板内.

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

将按钮水平放置,但不会使它们垂直变小......

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