Grid.Row inside of a ScrollViewer isn't Resizing Properly
Question
-
I have a grid inside of a scrollviewer with 4 rows. Each row has a height of * (1/4 of the scrollviewer's height) and contains a listview that is supposed to automatically resize with the row. When I increase the height of the screen by pulling down on the window, the height of the grid (and the content inside it) increases as expected. When I increase OR decrease the height of the screen by pulling on the corner of the window, the height of the grid's rows and the content also resizes as expected.
However, if I only decrease the size of the grid by pulling up on the bottom part of the window, the bottom 3 grids do not resize as they are supposed to, and instead look jagged.
How it's supposed to look:
How it looks when I increase height (expected behavior)
How it looks when I decrease only the height (unexpected behavior):
Here is my xaml code:
<ScrollViewer x:Name="mainScrollViewer" Height="Auto"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="*"/> <RowDefinition Height="*"/> <RowDefinition Height="*"/> <RowDefinition Height="*"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <ListView x:Name="lstOne" Margin="10,10,10,0" Background="White" Grid.Row="0" MinHeight="120" BorderBrush="Gray" BorderThickness="1" Header="Breakfast" Visibility="Visible"> <ListView.HeaderTemplate> <DataTemplate> <StackPanel Background="AliceBlue"> <StackPanel Orientation="Horizontal"> <TextBlock Text=" List 1" FontSize="25"/> </StackPanel> <Border BorderBrush="Gray" BorderThickness=".5"/> </StackPanel> </DataTemplate> </ListView.HeaderTemplate> </ListView> <ListView x:Name="lstTwo" Margin="10,10,10,0" Grid.Row="1" MinHeight="120" BorderBrush="Gray" Background="White" BorderThickness="1" VariableSizedWrapGrid.ColumnSpan="3" Visibility="Visible"> <ListView.HeaderTemplate> <DataTemplate> <StackPanel Background="AliceBlue"> <StackPanel Orientation="Horizontal"> <TextBlock Text=" List 2" FontSize="25"/> </StackPanel> <Border BorderBrush="Gray" BorderThickness=".5"/> </StackPanel> </DataTemplate> </ListView.HeaderTemplate> </ListView> <ListView x:Name="lstThree" Grid.Row="2" Margin="10,15,10,0" MinHeight="120" BorderBrush="Gray" Background="White" BorderThickness="1"> <ListView.HeaderTemplate> <DataTemplate> <StackPanel Background="AliceBlue"> <StackPanel Orientation="Horizontal"> <TextBlock Text=" List 3" FontSize="25"/> </StackPanel> <Border BorderBrush="Gray" BorderThickness=".5"/> </StackPanel> </DataTemplate> </ListView.HeaderTemplate> </ListView> <ListView x:Name="lstFour" Grid.Row="3" Margin="10,15,10,0" BorderBrush="Gray" MinHeight="120" Background="White" BorderThickness="1"> <ListView.HeaderTemplate> <DataTemplate> <StackPanel Background="AliceBlue"> <StackPanel Orientation="Horizontal"> <TextBlock Text=" List 4" FontSize="25"/> </StackPanel> <Border BorderBrush="Gray" BorderThickness=".5"/> </StackPanel> </DataTemplate> </ListView.HeaderTemplate> </ListView> </Grid> </ScrollViewer>
