在 WPF 控件之间添加空格答案

【问题标题】：Adding spaces between WPF controls在 WPF 控件之间添加空格
【发布时间】：2021-12-23 21:46:31
【问题描述】：

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

两个按钮紧紧地相互接触。如何在它们之间放置一些空间？

注意： 按钮位于水平方向的堆栈面板内。

【问题讨论】：

标签： wpf xaml button spacing

【解决方案1】：

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

【讨论】：

@vargonian 将可见性设置为隐藏还可以防止您在设计视图中单击分隔符，这可能是可取的，也可能不是可取的。
由于某种原因这对我不起作用......即使设置为透明，它仍然可见（？）

【解决方案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"

将按钮水平分开，但不会使它们垂直变小...

【讨论】：

这不适用于我的情况。添加边距会缩小每个维度的按钮。也许我应该在之前添加这个，按钮位于堆栈面板中。
您可以向 StackPanel 添加 Padding - stackpanel 中的任何控件都将在它们周围放置填充。会给出类似的结果。
如何添加填充。我似乎没有找到任何同名的房产？
请参阅此处：danrigsby.com/blog/index.php/2008/05/20/…，了解有关填充和边距如何工作的详细信息。
对不起，我认为填充错误。您需要在按钮上使用 Margin 以获得所需的效果>也许您可以发布更多 XAML，我们将能够提供 Margin 适合您的解决方案

【解决方案3】：

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

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

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

我更喜欢设置边距，部分原因是 cmets 中引用的另一个答案的原因（它可能对项目的大小产生副作用），部分原因是我认为使用分隔符对其他程序员来说更清楚一点（甚至我自己）以后。

【讨论】：