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>

保证金将确保每个按钮与任何其他控件之间至少有这么大的空间

你可能会觉得有用的东西是你可以为top，left，right和bottom设置不同的边距值：

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>

在WPF控件之间添加空格

2 个答案: