uwp固定位置网格

Question

There are three child grid under one parent grid.

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

if grid2 has more data then all three grids are scrolling. I want the Position of grid1 and grid3 should be fixed, only middle grid should scroll

Answer 1

If you can , please use fixed size value for grid1 and grid3 Rows Height
You can use Scroll Viewer control

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

Answer 2

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

*You Need to set Horizontal/Vertical Scroll Mode to Auto/Enable