如何调整 UWP 应用程序列的大小,与最新的 Windows 邮件应用程序更新一样?

How to resize UWP app columns, the same as the latest Windows Mail app update does?

邮件应用程序现在可以通过简单地用鼠标拖动来使用自定义大小调整(从第一天开始就应该有的功能)。我从未听说过任何新的 API 或任何允许这样做的东西。有人可以启发我吗?我很乐意在我的应用程序中使用此功能。

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