UWP SplitView的基本用法

 时间:2024-10-31 10:54:33

1、首先,以如图简单项目为例,一个新建的空白UWP应用,只有一个MainPage.xaml作为主页面。

UWP SplitView的基本用法

2、首先,将MainPage的内容的根Grid内防止一个SplitView,分别设置SplitView.Content和SplitView.Pane属性(内容都是一个标签)。

UWP SplitView的基本用法

3、将SplitView.Content设置为一个竖直方向的StackPanel,里面三行文本,如图右侧;将SplitView.Pane也设置为一个StackPanel,放四个按钮,如图左侧。

UWP SplitView的基本用法

4、如果设置SplitView的IsPaneOpen为True,左侧会一直保持打开状态。另外,默认的DisplayMode是Overlay,打开的Pane会盖住部分Content。

UWP SplitView的基本用法

5、如果设置DisplayMode为Inline,则左侧Pane面板的展开,会“挤压”右边。不会盖住右边。

UWP SplitView的基本用法

6、如果设置DisplayMode为CompactInline或者CompactOverlay,Pane默认宽度是压缩的几十px。

UWP SplitView的基本用法UWP SplitView的基本用法

7、如果给第一个按钮的Click添加处理,如图,将SplitView的IsPaneOpen属性反转,则Overlay和Inline的效果(Compact)如下所示。

UWP SplitView的基本用法UWP SplitView的基本用法UWP SplitView的基本用法
  • WIN7下如何访问Linux系统下Samba服务器 .
  • Windows 8如何恢复传统开始菜单或启用开始屏幕
  • Windows 10 Build 18963怎么升级
  • dota2风行者新手攻略
  • 利用PDF.JS插件解决了本地pdf文件在线浏览问题
  • 热门搜索
    世界旅游胜地有哪些 夏天去哪旅游好 旅游活动策划方案 国庆旅游攻略 港澳旅游景点 绥化旅游 埃及旅游局 红色旅游心得体会 春节期间去哪里旅游好 钦州旅游景点大全