2014-01-21 76 views
0

我wantto現在的位置是控制這樣的PIC enter image description here控制不正確的定位

我需要一個和前一個按鈕是爲pic 1,但我得到以下,並沒有能夠解決這個問題。 enter image description here

請指導,XAML代碼:

<StackPanel Grid.Row="4"> 
     <Grid x:Name="GridNavigation"> 
      <Button x:Name="Gridprevbutton" Content="Previous" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="121,0,0,0"></Button> 
      <Button x:Name="Gridnextbutton" Content="Next" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="231 , 0, 0, 0"></Button> 
      <Button x:Name="Gridendexambuton" Content="End Exam" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,0,5,0"></Button> 
     </Grid> 
     <TextBlock HorizontalAlignment="Right" Margin="0,5,10,0" TextDecorations="Underline">Contact Support</TextBlock> 
</StackPanel> 

(編輯)我最終會做這種下@davisoa建議。並得到它的工作。

代碼背後

private void SetNavigation() 
{ 
    var img = Common.AddImageToContainer("images/lowerleftblock.png", GridNavigation, Common.ToDictionaryTLST("top", "left", "none")); 
     img.Margin = new Thickness(0,16,0,0); 
     Panel.SetZIndex(img, -1);  
} 

回答

1

給你的形象頂利潤率然而很多需要把它放下。 例如

<Image x:Name="Lowerleftblock" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0,20,0,0"></Image> 
+0

+1謝謝,下面的ur&amp; @davisoa我得到它的工作 – ADi

1

在我看來像Grid你是不是上面顯示(第一StackPanelGrid.Row="4")是限制你的下一步和上一個按鈕的高度。

此示例XAML顯示比按鈕低的Question塊。

  • 改變ImageStackPanelLabel,因爲我沒有做你的形象
  • 改變VerticalAlignmentBottom,以確保它漂浮在的Grid
  • 底部給Grid固定Height確保垂直佈局是正確的。你可能不希望這樣做

<StackPanel Grid.Row="4"> 
    <Grid x:Name="GridNavigation" Margin="0,0,0,0" Height="75"> 
     <StackPanel x:Name="Lowerleftblock" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="0,0,0,0" Background="Green"> 
      <Label>Question: 1 of 27</Label> 
     </StackPanel> 
     <Button x:Name="Gridprevbutton" Content="Previous" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="121,0,0,0"></Button> 
     <Button x:Name="Gridnextbutton" Content="Next" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="231 , 0, 0, 0"></Button> 
     <Button x:Name="Gridendexambuton" Content="End Exam" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,0,5,0"></Button> 
    </Grid> 
    <TextBlock HorizontalAlignment="Right" Margin="0,5,10,0" TextDecorations="Underline">Contact Support</TextBlock> 
</StackPanel> 
+0

我照你介紹,但是現在的按鈕都遠遠Lowerleftblock – ADi

+0

按鈕的位置都完全依賴於他們的保證金 - 更改頁邊距,或者你可以用改變'Grid'到''StackPanel' Orientation =「Horizo​​ntal」並遠程控制按鈕的「Margin」。 – davisoa

+0

我忘了給Grid的一個固定的高度 - 你不需要這個,並且會導致你在新圖像中看到的東西(大量的垂直空間圖像和按鈕) – davisoa