网格中的SplitView

本文关键字:SplitView 网格 | 更新日期: 2023-09-27 18:06:01

我希望我的SplitView在紧凑状态下是不可见的。但是,即使在致密状态和开放状态下,它也会占用很大的宽度。

<SplitView x:Name="svNav" DisplayMode="CompactOverlay">
    <SplitView.Content>
        <StackPanel Width="0" />
    </SplitView.Content>
    <SplitView.Pane>
        <Grid Name="lbPane" Width="auto" VerticalAlignment="Stretch">
            <ListView>
                <TextBlock FontSize="24">Mode</TextBlock>
                <ListViewItem>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock FontFamily="Segoe MDL2 Assets" VerticalAlignment="Center">&#xE80F;</TextBlock>
                        <TextBlock VerticalAlignment="Center" Margin="20,0">Standard Mode</TextBlock>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock FontFamily="Segoe MDL2 Assets" VerticalAlignment="Center">&#xE1E9;</TextBlock>
                        <TextBlock VerticalAlignment="Center" Margin="20,0">Scientific Mode</TextBlock>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock FontFamily="Segoe MDL2 Assets" VerticalAlignment="Center">&#xE117;</TextBlock>
                        <TextBlock VerticalAlignment="Center" Margin="20,0">Converter</TextBlock>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock FontFamily="Segoe MDL2 Assets" VerticalAlignment="Center">&#xE8EB;</TextBlock>
                        <TextBlock VerticalAlignment="Center" Margin="20,0">Programming Mode</TextBlock>
                    </StackPanel>
                </ListViewItem>
            </ListView>
        </Grid>
    </SplitView.Pane>
</SplitView>
设计上有个问题。请看看可以做些什么来解决应用程序预览

网格中的SplitView

我找到了答案。分屏视图应该是根元素,页面和网格应该是单元内容