SplitView可以让我们创造一个面板,这个面板可以显示也可以隐藏。在控件中还有一些过渡动画,比如视角来回切换。
它由两部分组成。Panel是隐藏在展示部分旁边的部分。Content是很容易被覆盖或者被推开的用于展示的部分。
默认的
<StackPanel>
<SplitView Name="MySplitView" >
<SplitView.Pane>
<StackPanel>
<TextBlock Text="First"/>
<TextBlock Text="Second"/>
<TextBlock Text="Third"/>
</StackPanel>
</SplitView.Pane>
<SplitView.Content>
<StackPanel>
<TextBlock Text="Forth"/>
<TextBlock Text="Fifth"/>
<TextBlock Text="Sixth"/>
</StackPanel>
</SplitView.Content>
</SplitView>
<Button Content="Click me" Click="Button_Click"/>
</StackPanel>
还要再加上按钮的点击事件
private void Button_Click(object sender, RoutedEventArgs e)
{
MySplitView.IsPaneOpen = !MySplitView.IsPaneOpen;
}
这是默认SplitView
的效果,点击前
点击后
可以在SplitView
中添加一些属性
1、 显示模式(Display Mode)
Display Mode = "Inline"
显示效果为Panel把Content推开并显示。
Display Mode = "Overlay"
Panel会把Content覆盖。
2、收缩时Panel边设置(CompactPanelength )
CompactPanelength = "10" DisplayMode = "CompactOverlay"
不展开时Panel边为10,展开后Panel把Content覆盖
CompactPanelength = "10" DisplayMode = "CompactInline"
不展开时Panel边为10,展开后Panel把Content推开
3、展开时Panel边设置(OpenPanelLength)
CompactPanelength = "10" OpenPanelLength = "50" DisplayMode = "CompactInline"
不展开时Panel边为10,展开时Panel边为50,Panel把Content推开。