UWP SplitView的基本用法
编辑：Simone
2025-02-25 05:05:08
530 阅读
本经验介绍在UWP开发中，SplitView控件的基本用法。应用场景如：制作导航栏，一边是导航按钮，另一边是内容。
首先，以如图简单项目为例，一个新建的空白UWP应用，只有一个MainPage.xaml作为主页面。
首先，将MainPage的内容的根Grid内防止一个SplitView，分别设置SplitView.Content和SplitView.Pane属性（内容都是一个标签）。
将SplitView.Content设置为一个竖直方向的StackPanel，里面三行文本，如图右侧；
将SplitView.Pane也设置为一个StackPanel，放四个按钮，如图左侧。
如果设爷陕沫置SplitView的IsPaneOpen为True，左侧会一直保持打开状态。
另外，默认的DisplayMode是Overlay，打开的Pane会盖住部分Content。
如果设置DisplayMode为Inline，则左边陵侧Pane面板的展开，会“挤压”右边。不会盖住右边。
如果设置DisplayMode为CompactInline或者CompactOverlay，Pane默认宽度是压缩的几十px。
如果给第一个按钮的Click添加处理，歌之如图，将SplitView的IsPaneOpen属性反转，则Overlay和Inline的效果（Compact）如下所示。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/answer/143266.html
