当SplitView处于压缩模式时拉伸SplitView.Pane的内容

Question

我正在尝试使用SplitView控件创建导航栏。我将它的DisplayMode属性设置为CompactInline，并为CompactPaneLength和OpenPaneLength属性设置了两个不同的值。问题是，当SplitView被关闭(压缩)时，它的窗格的内容不会意识到新的大小，所以如果我在里面放一个边框元素，元素不会被拉伸并离开压缩窗格区域：

 <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <SplitView IsPaneOpen="False" CompactPaneLength="100" OpenPaneLength="200" DisplayMode="CompactInline">
        <SplitView.Pane>
            <Border BorderBrush="Blue" Height="50"
                    BorderThickness="4"
                    VerticalAlignment="Top">
                <FontIcon Glyph="&#xE094;"
                          Width="40"
                          Height="40" />
            </Border>
        </SplitView.Pane>
    </SplitView>
</Grid>

这是一个演示问题的图像：

​

​

问题是:如何在不使用事件处理程序和代码的情况下解决问题？

Answer 1

您的compactPane宽度设置为100 px。由于边框的宽度不受限制，因此它将变为100像素。边框的内容将居中。

将CompactPane width设置为50，或将边框宽度设置为50以解决此问题