0

ページにこのグリッドがあり、横向きモードでは回転し、テキストボックスとボタンが中央に固定されて伸びないという問題があります。修正方法はありますか？

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

2 に答える 2

2

これは、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>
于 2013-02-06T13:26:44.583 に答える
0

まず、最初のStackPanelからWidth="480"属性を削除します。また、 TextBox要素からWidth="349"属性を削除します。

これにより、要素がランドスケープモードでストレッチできるようになります。

于 2013-02-06T13:28:46.603 に答える