Сетка фиксированной позиции UWP

Question

Под одной родительской сеткой находятся три дочерние сетки.

<Grid>  
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>

        <Grid Grid.Row="0" Name="grid1"> </Grid>
        <Grid Grid.Row="1" Name="grid2"> </Grid>
        <Grid Grid.Row="2" Name="grid3"> </Grid>
</Grid>

если у grid2 больше данных, тогда все три сетки прокручиваются.Я хочу, чтобы Положение grid1 и grid3 было зафиксировано, только средняя сетка должна прокручиваться

Answer 1

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="auto"/>
    </Grid.RowDefinitions>

    <Grid Grid.Row="0" Name="grid1" Margin="10">
        <TextBlock Text="Some Data"/>
    </Grid>
    <Grid Grid.Row="1" Name="grid2" Margin="10">
        <ScrollViewer VerticalScrollMode="Auto">
            <StackPanel>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
                <TextBlock Text="Some Data "/>
            </StackPanel>                
        </ScrollViewer>
    </Grid>
    <Grid Grid.Row="2" Name="grid3" Margin="10">
        <TextBlock Text="Some Data"/>
    </Grid>
</Grid>

* Вам необходимо установить для режима горизонтальной / вертикальной прокрутки значение Авто / Включить

Answer 2

Если вы можете, пожалуйста, используйте фиксированное значение размера для grid1 и grid3 Высота строк
Вы можете использовать Элемент управления Scroll Viewer

   <Grid>  
    <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>

    <Grid Grid.Row="0" VerticalAlignment="Top" Name="grid1"> </Grid>
    <Grid Grid.Row="1" Name="grid2"> 
     <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
          //Content Here
     </ScrollViewer>
       </Grid>
    <Grid Grid.Row="2" VerticalAlignment="Bottom" Name="grid3"> </Grid>
   </Grid>