东莞营销网站建设直播,建设银行深圳培训中心网站,网站开发费用怎么做账,手机网站 用户体验在mvvm的模式下wpf通过frame实现页面跳转_哔哩哔哩_bilibili
视频讲解同步可观看
如下图#xff0c;我们要实现点击左侧的菜单#xff0c;在右侧展示不同的页面 实现代码如下#xff1a;
一、如何从主窗体跳转到页面。
1、在mainwindow.xaml的菜单栏代码里加入如下代码 …在mvvm的模式下wpf通过frame实现页面跳转_哔哩哔哩_bilibili
视频讲解同步可观看
如下图我们要实现点击左侧的菜单在右侧展示不同的页面 实现代码如下
一、如何从主窗体跳转到页面。
1、在mainwindow.xaml的菜单栏代码里加入如下代码 Border BorderBrush#3c5254 BorderThickness3 Button Margin0,3 HorizontalAlignmentStretch Background#2f3366 Command{Binding NavigateToPageCommand} CommandParameterPages/DragPage.xaml Content控件拖拉拽 CursorHand ForegroundWhite / /Border
2、在mainwindows.xaml里添加一段代码里加一个导航容器用于加载、显示和缓存页面一般是page对像。 Frame NameMainFrame Grid.Row1 NavigationUIVisibilityVisible /
3、在MainWindows.xaml.cs隐藏代码里做如下处理把2中的frame通过构造函数的方式传到viewmodel中,这段代码放到默认构造函数中 DataContext new MainWindowViewModel(this.MainFrame); //注册页面加载完成事件 this.Loaded MainWindow_Loaded;
4、实现主页面加载方法。 private void MainWindow_Loaded(object sender, RoutedEventArgs e) { //在页面加载完成之后跳转到Pages/MainPage.xaml MainFrame.Navigate(new Uri(Pages/MainPage.xaml, UriKind.Relative)); }
6、在viewmodel中实现通过构造函数接收Frame public MainWindowViewModel(Frame frame) { _frame frame; }
7、实现通用的页面跳转方法 private ICommand _navigateToPageCommand; public ICommand NavigateToPageCommand { get { return _navigateToPageCommand ?? new RelayCommand(NavigateToPage,null); } } private void NavigateToPage(object? page) { try { string pageUri page as string; if (pageUri ! null) _frame.Navigate(new Uri(pageUri, UriKind.Relative)); } catch (Exception ex) { } }
