【UWP开发】18-理解SplitView，一个侧边栏的弹窗

【UWP开发】18-理解SplitView，一个侧边栏的弹窗

• 代码
• 说明

代码

MainPage.xaml里加：

<StackPanel Orientation="Horizontal">
        <SplitView Name="MySplitView" CompactPaneLength="10" OpenPaneLength="50" DisplayMode="Overlay">
            <SplitView.Pane>
                <StackPanel>
                    <TextBlock Text="First" />
                    <TextBlock Text="Second" />
                    <TextBlock Text="Third" />
                </StackPanel>
            </SplitView.Pane>
            <SplitView.Content>
                <StackPanel>
                    <TextBlock Text="Fourth" />
                    <TextBlock Text="Fifth" />
                    <TextBlock Text="Sixth" />
                </StackPanel>
            </SplitView.Content>
        </SplitView>
        <Button Content="Click Me" Click="Button_Click" />
    </StackPanel>

button里加：

MySplitView.IsPaneOpen = !MySplitView.IsPaneOpen;

窗体应用显示为：

说明

具体窗体显示

overlay为完全覆盖，Inline弹开。

限制了显示长度