如何調整UWP應用程序列的大小，與最新的Windows Mail應用程序更新一樣？

Question

郵件應用程序現在可以通過簡單地使用鼠標進行拖動來使用自定義大小調整（自第1天起應該出現的功能）。我從來沒有聽說過任何新的API或任何允許這樣做的東西。有人能夠啓發我嗎？我很想在我的應用程序中使用此功能。

Answer 1

使用來自UWPCommunityToolkit的控制GridSplitter。

這是一個示例代碼。來源：GridSplitter

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <Grid.RowDefinitions> 
     <RowDefinition MinHeight="100"></RowDefinition> 
     <RowDefinition Height="11"></RowDefinition> 
     <RowDefinition></RowDefinition> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition MinWidth="200"></ColumnDefinition> 
     <ColumnDefinition Width="11"></ColumnDefinition> 
     <ColumnDefinition></ColumnDefinition> 
    </Grid.ColumnDefinitions> 

    <!--Column Grid Splitter--> 
    <controls:GridSplitter Grid.Column="1" Width="11" ResizeBehavior="BasedOnAlignment" ResizeDirection="Auto" Background="Gray" Foreground="White" FontSize="13"> 
     <controls:GridSplitter.Element> 
      <Grid> 
       <TextBlock HorizontalAlignment="Center" IsHitTestVisible="False" VerticalAlignment="Center" Text="&#xE784;" Foreground="Black" FontFamily="Segoe MDL2 Assets"> 
       </TextBlock> 
      </Grid> 
     </controls:GridSplitter.Element> 
    </controls:GridSplitter> 

    <!--Row Grid Splitter--> 
    <controls:GridSplitter Foreground="White" Grid.Row="1" ResizeBehavior="BasedOnAlignment" ResizeDirection="Auto" Background="Gray" Height="11" HorizontalAlignment="Stretch" FontSize="13"> 
     <controls:GridSplitter.Element> 
      <Grid> 
       <TextBlock HorizontalAlignment="Center" IsHitTestVisible="False" VerticalAlignment="Center" Text="&#xE76F;" Foreground="Black" FontFamily="Segoe MDL2 Assets"> 
       </TextBlock> 
      </Grid> 
     </controls:GridSplitter.Element> 
    </controls:GridSplitter> 
</Grid>