UWP汉堡菜单

在ＵＷＰ中引入了汉堡菜单，我们先看下效果图

汉堡菜单

菜单项

    public class MenuItem
    {
        public Symbol Icon { get; set; }
        public string Text { get; set; }
    }

XAML

添加菜单项数据源

   ObservableCollection menuItems = new ObservableCollection()
        {
            new MenuItem() { Icon=Symbol.People,Text="People"},
             new MenuItem() { Icon=Symbol.Phone,Text="Phone"},
              new MenuItem() { Icon=Symbol.Message,Text="Message"},
               new MenuItem() { Icon=Symbol.Mail,Text="Mail"}
        };
            mainListView.ItemsSource = menuItems;

汉堡按钮切换SplitView收起折叠状态

 private void hanburgButton_Click(object sender, RoutedEventArgs e)
        {
            mainSplitView.IsPaneOpen = !mainSplitView.IsPaneOpen;
        }

SplitView常用属性

• CompactPaneLength
  设置SplitView收起的长度
• OpenPaneLength
  设置SplitView打开的长度
• DisplayMode
  Overlay：窗格打开时会覆盖内容，且不会占据控件布局中的空间。
  Inline： 窗格及内容是并行显示的，并占据控件布局中的空间。
  CompactOverlay：定义的窗格数量及内容是并行显示的，并占据控件布局中的空间。窗格的其余部分打开时会覆盖内容，且不会占据控件布局中的空间。
  CompactInline：定义的窗格数量及内容是并行显示的，并占据控件布局中的空间.窗格的其余部分打开时会将内容推到侧边，且会占据控件布局中的空间.

参考msdn