25

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

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

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

4

3 回答 3

35

如果您不使用（出于某种原因）Button 的 Margin 属性，您可以在控件（在您的情况下为按钮）之间放置具有所需宽度（或/和高度）的透明分隔符（透明背景颜色）。

在xml中：

<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>
于 2016-10-17T12:48:24.827 回答
31

为按钮添加边距

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

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

于 2011-05-15T11:15:11.073 回答
0

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

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

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

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

于 2021-12-23T13:46:31.807 回答