網格不會在橫向拉伸

Question

我在我的網頁中有這個網格，我有一個問題，在橫向模式下它旋轉，文本框和按鈕卡在中間，而不是拉伸，任何想法如何解決它？

<!--ContentPanel - place additional content here--> 
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="0,0,0,0" > 
     <StackPanel Orientation="Vertical" Margin="0,0,0,0" Width="480"> 
      <StackPanel Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Center"> 
       <TextBox Name="searchTextBox" Height="72" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Margin="10,0,0,0" TextChanged="SearchTextDidChange" HorizontalContentAlignment="Left" VerticalContentAlignment="Top" Width="349" HorizontalAlignment="Left"/> 
       <Button Content="Search" Margin="0,-3,0,0" VerticalAlignment="Top" Height="77" Click="DidPressSearchButton" HorizontalContentAlignment="Right" VerticalContentAlignment="Top" Padding="14,5,10,6" HorizontalAlignment="Right"/> 
      </StackPanel> 
     </StackPanel> 
    </Grid> 
</Grid> 

Answer 1

這是因爲你用的StackPanel，只用網格來代替，並設置列定義這個樣子！

 <Grid x:Name="ContentPanel" 
      Grid.Row="1" 
      Margin="0,0,0,0"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition Width="130" /> 
     </Grid.ColumnDefinitions> 
       <TextBox Name="searchTextBox" 
         Grid.Column="0" 
         Height="72" 
         TextWrapping="Wrap" 
         Text="" 
         VerticalAlignment="Top" 
         Margin="10,0,0,0" 
         TextChanged="SearchTextDidChange" 
         HorizontalContentAlignment="Left" 
         VerticalContentAlignment="Top" 
          /> 
       <Button Content="Search" 
         Grid.Column="1" 
         Margin="0,-3,0,0" 
         VerticalAlignment="Top" 
         Height="77" 
         Click="DidPressSearchButton" 
         HorizontalContentAlignment="Right" 
         VerticalContentAlignment="Top" 
         Padding="14,5,10,6" 
         HorizontalAlignment="Right" /> 
    </Grid> 

Answer 2

首先從第一的StackPanel除去寬度= 「480」 屬性。還要從TextBox元素中刪除Width =「349」屬性。

這應該允許元素在橫向模式下拉伸。