SliptView的用法

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推开。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值