How to customize splitview in Windows 10?

Kinjan Bhavsar

I am currently working on a Splitview Control which contains some menu options in SplitView Pane and a Grid in SplitView Content section. When the split view pane is opened its content gets hidden. Is it possible to move that slightly left like the following screenshot?

enter image description here

My basic split view implementation is

 <SplitView x:Name="OptionsSplitView" OpenPaneLength="200" PanePlacement="Right"
           DisplayMode="Overlay">

        <SplitView.Pane>
            <ListView x:Name="OptionsList"
                      Margin="10,10,0,0"
                      Grid.Row="1"
                      VerticalAlignment="Center"
                      ItemContainerStyle="{StaticResource GenericListViewContainerStyle}"
                      ItemTemplate="{StaticResource OptionsListItemTemplate}"
                      SelectionChanged="OptionsList_SelectionChanged">
            </ListView>

        </SplitView.Pane>
        <SplitView.Content>
           <Grid/>
        </SplitView.Content>
       </SplitView>

Please suggest is it possible to customize split view as per screenshot?

Harshad Vekariya

Bingo,

You can achieve it by just setting Right Margin of content whenever Pane Open or close.

Do refer Below link to get pane open & close event.

(Windows 10 UWP) SplitView.PaneClosed event is available but not for PaneOpened

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Windows 10 SplitView + Pivot无法正常工作

来自分类Dev

如何在Windows 10中自定义splitview?

来自分类Dev

如何将单独的视图放在模板10的splitview中?

来自分类Dev

如何在模板10的splitview中放置单独的视图?

来自分类Dev

How to install pyYAML on windows 10

来自分类Dev

How to upgrade to windows 10 pro?

来自分类Dev

How to modify read only file on Windows 10?

来自分类Dev

How to write different code for windows and windows phone apps in windows 10 apps

来自分类Dev

How to package and install Windows 10 application on other computers

来自分类Dev

How to disable Windows 10 window resize behavior after snapping?

来自分类Dev

在Splitview中添加ListviewItem

来自分类Dev

splitView中的didReceiveRemoteNotification presentViewController

来自分类Dev

Windows 10更新到... Windows 10?

来自分类Dev

How to customize the "Save Resource" dialog of an ISaveablePart in Eclipse?

来自分类Dev

Windows的StorageFile的IRandomAccessStreamReference Windows 10

来自分类Dev

Windows 10 Windows 7备份

来自分类Dev

Windows 10安全存储

来自分类Dev

Erlang HIPE on Windows 10?

来自分类Dev

Windows 10中的信标

来自分类Dev

取消Windows 10 BackgroundDownloader

来自分类Dev

Windows 10 Runas转义

来自分类Dev

堆损坏的Windows 10

来自分类Dev

卸载Chromedriver Windows 10

来自分类Dev

安装CUDA Windows 10

来自分类Dev

Windows 10冻结

来自分类Dev

软件RAID Windows 10

来自分类Dev

Windows 10 DNS问题

来自分类Dev

Windows 10内存问题

来自分类Dev

Windows 10永久登录