如何进行侧栏转换？

Question

我有一个简单的splitview，其宽度为4px，表示spiltview中的选定项目。

<Rectangle HorizontalAlignment="Left" VerticalAlignment="Top" 
                           Width="4" Height="48" Margin="1,0"
                           Fill="{ThemeResource SystemAccentColor}" Grid.Row="2"
                           Visibility="{x:Bind btnHome.IsChecked, Mode=OneWay}"/>

现在我打开/关闭了多个矩形，具体取决于是否选中了复选框！但相反，我希望我的代码中有一个矩形，它应该从之前的位置过渡到用户点击的位置。

Answer 1

如果您的最低版本设置为Fall Creators Update或使用UWP社区工具包中的NavigationView，则最简单的方法是使用新的HamburgerMenu control（请注意，它已更新为使用样式与您的非常相似，文档不会使用当前的屏幕截图进行更新）。如果要查看当前的外观，可以从Windows应用商店下载UWP社区工具包示例应用程序。

如果您想使用自定义解决方案，则应创建自定义样式，或者编辑您用作汉堡包菜单项的控件的现有样式。默认样式可用，例如here。