2017-02-23 59 views
0

我在页面上有这个(http://i.imgur.com/IszY3uX.png),我想在各个元素之间留一个间距,这样它们就不会像它在图像中一样。我希望它们能够在页面上传播更多,而不是所有的东西都能够互相吸引。 代码:页面上的元素(按钮,文本框)之间的间距

<TextBox x:Name="inputBox" 
       InputScope="Number" 
       RelativePanel.AlignVerticalCenterWithPanel="True" 
       Height="32" 
       RelativePanel.AlignHorizontalCenterWithPanel="True" 
       TextWrapping="Wrap" 
       PlaceholderText="" 
       Width="71"/> 

     <Button x:Name="Calculate" Content="Calculate" 
       RelativePanel.AlignHorizontalCenterWithPanel="True" 
       RelativePanel.AlignVerticalCenterWithPanel="True" 
       RelativePanel.Below="inputBox" 
       Click="Calculate_Click"/> 

     <TextBlock x:Name="ValorFinal" 
        RelativePanel.Below="Calculate" 
        RelativePanel.AlignVerticalCenterWithPanel="True" 
        RelativePanel.AlignHorizontalCenterWithPanel="True" 
        TextWrapping="Wrap" 
        Height="16" 
        Text="Total:"/> 

回答

0

增加保证金,如果你需要一个缺口

<TextBox x:Name="inputBox" 
      InputScope="Number" 
      RelativePanel.AlignVerticalCenterWithPanel="True" 
      Height="32" 
      RelativePanel.AlignHorizontalCenterWithPanel="True" 
      TextWrapping="Wrap" 
      PlaceholderText="" 
      Margin="0,10,0,0" 
      Width="71"/> 

    <Button x:Name="Calculate" Content="Calculate" 
      RelativePanel.AlignHorizontalCenterWithPanel="True" 
      RelativePanel.AlignVerticalCenterWithPanel="True" 
      RelativePanel.Below="inputBox" 
      Margin="0,10,0,0" 
      Click="Calculate_Click"/> 

    <TextBlock x:Name="ValorFinal" 
       RelativePanel.Below="Calculate" 
       RelativePanel.AlignVerticalCenterWithPanel="True" 
       RelativePanel.AlignHorizontalCenterWithPanel="True" 
       TextWrapping="Wrap" 
       Height="16" 
       Margin="0,10,0,0" 
       Text="Total:"/>