2011-05-15 118 views
11

我使用以下XAML代碼創建了兩個按鈕。在WPF控件之間添加空格

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

兩個按鈕彼此緊密接觸。如何在它們之間放置一些空間?

注意:按鈕位於水平方向的堆疊面板內。

回答

22

添加保證金到您的按鈕

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

將按鈕水平放置但不會使他們任何較小的垂直...

+0

這是不工作的我的情況。添加邊距會縮小每個維度中的按鈕。也許我應該在之前添加這個,Button是在一個堆棧面板中。 – 2011-05-15 12:17:11

+0

您可以將填充添加到StackPanel - 堆棧面板中的任何控件都會將填充放置在它們周圍。會給出類似的結果。 – 2011-05-15 12:18:13

+0

如何添加填充。我似乎沒有找到這個名字的任何財產? – 2011-05-15 12:19:32

11

如果你不使用(出於某種原因)按鈕的邊距屬性,你可以把透明的分隔符(透明背景色)與所需的寬度(或/和高度)之間的控制(按鈕在你的情況)。

在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> 
相關問題