在 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

如果您不使用（由于某种原因）按钮的 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>

Answer 2

为按钮添加边距 边距

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

对我来说，将分隔符的前景色和背景色设置为透明不起作用 - 它仍然可见。

相反，我使用了以下内容：

<Separator Visibility="Hidden" Height="15"/>

我更喜欢这个而不是设置边距，部分原因是在另一个答案的评论中引用的原因（它可能会对项目的大小产生副作用），部分原因是我认为使用分隔符更清晰一些稍后供其他程序员（甚至我自己）使用。