WPF-MVVM子窗体及主窗体的切换（全局ViewModel）

已于 2025-03-01 23:39:50 修改
阅读量402 收藏 1
点赞数 8
文章标签： wpf
于 2025-03-01 23:26:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ly1h1/article/details/145955794
版权

背景说明

在项目开发过程过程中，常常会遇到单个窗体作为容器，但是需要多个界面之间的跳转问题，此时，则需要公用ViewModel，尤其是在跳转的子界面。

案例说明

当前案例是将需要跳转窗体的ViewModel作为全局的集合，在ViewModel内进行实例化，同时，在跳转的子窗体也是绑定这个静态的全局ViewModel,这样就可以将子窗体的委托事件作为公共化，可以提供在其他的窗体进行订阅，实现1号窗体的方法可以触发2号窗体的功能。

代码如下

MyCommand代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace GlobalMVVM
{
    public class MyCommand:ICommand
    {
        private readonly Action _execute;
        private readonly Func<bool> _canExecute;

        private readonly Action<object> _execute2;


        public MyCommand(Action execute, Func<bool> canExecute = null)
        {
            _execute = execute ?? throw new ArgumentNullException(nameof(execute));
            _canExecute = canExecute;
        }

        public event EventHandler CanExecuteChanged
        {
            add { CommandManager.RequerySuggested += value; }
            remove { CommandManager.RequerySuggested -= value; }
        }

        public bool CanExecute(object parameter)
        {
            return _canExecute == null || _canExecute();
        }

        public void Execute(object parameter)
        {
            _execute();
    
        }



    }
}

Notify

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Runtime.CompilerServices;
using System.Text;
using System.Threading.Tasks;

namespace GlobalMVVM
{
    public abstract class Notify : INotifyPropertyChanged
    {

        public event PropertyChangedEventHandler PropertyChanged;

        public void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }

    }
}

CTQHMainView.xaml

<Window x:Class="GlobalMVVM.View.CTQHMainView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:GlobalMVVM.View"
        mc:Ignorable="d"
        Title="CTQHMainView" Height="450" Width="800">
    <Grid>
        <ContentControl Margin="0,0,5,0"  Background="Transparent"   Content="{Binding CurrentViewModel}"  BorderThickness="0"/>
    </Grid>
</Window>

CTQHMainView.cs

using GlobalMVVM.ViewModel;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace GlobalMVVM.View
{
    /// <summary>
    /// CTQHMainView.xaml 的交互逻辑
    /// </summary>
    public partial class CTQHMainView : Window
    {
        public CTQHMainView()
        {
            InitializeComponent();
            this.DataContext = new CTQHMainViewModel();
        }
    }
}

Page1View.xaml

<Page x:Class="GlobalMVVM.View.Page1View"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:GlobalMVVM.View"
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="800"
      Title="Page1View">

    <Grid>
        <Button Content="进入界面2" HorizontalAlignment="Left" VerticalAlignment="Top"  Command="{Binding CQTHCommand2}" Margin="365,236,0,0"/>

    </Grid>
</Page>

Page1View.cs

using GlobalMVVM.ViewModel;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace GlobalMVVM.View
{
    /// <summary>
    /// Page1View.xaml 的交互逻辑
    /// </summary>
    public partial class Page1View : Page
    {
        public Page1View()
        {
            InitializeComponent();
            this.DataContext = CTQHMainViewModel.page1Model1;
        }
    }
}

Page2View.xaml

<Page x:Class="GlobalMVVM.View.Page2View"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:GlobalMVVM.View"
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="800"
      Title="Page2View">

    <Grid>

        <Grid>

            <Grid.RowDefinitions>
                <RowDefinition Height="50"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Border Grid.Row="0" Background="Blue"/>
            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Border Grid.Column="0" Background="Crimson"/>
                <Border Grid.Column="1" Background="Red"/>
            </Grid>
        </Grid>
        <Button Content="返回界面1" HorizontalAlignment="Left" VerticalAlignment="Top"  Command="{Binding CQTHCommand1}" Margin="726,21,0,0"/>

    </Grid>
</Page>

Page2View.cs

using GlobalMVVM.ViewModel;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace GlobalMVVM.View
{
    /// <summary>
    /// Page2View.xaml 的交互逻辑
    /// </summary>
    public partial class Page2View : Page
    {
        public Page2View()
        {
            InitializeComponent();
            this.DataContext = CTQHMainViewModel.page1Model2;

        }
    }
}

CTQHMainViewModel

using GlobalMVVM.View;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Controls;

namespace GlobalMVVM.ViewModel
{
    public class CTQHMainViewModel : Notify
    {
        public MyCommand CQTHCommand1 { set; get; }
        public MyCommand CQTHCommand2 { set; get; }

        private Page1View page1 = new Page1View();
        private Page2View page2 = new Page2View();

        public static Page1ViewModel page1Model1 = new Page1ViewModel();
        public static Page2ViewModel page1Model2 = new Page2ViewModel();

        public CTQHMainViewModel()
        {

            CQTHCommand1 = new MyCommand(ShowPage1);
            ShowPage1();
            page1Model1.MethodExecuted += MyUserControl_MyButtonClicked;
            page1Model2.MethodExecuted += MyUserControl_MyButtonClicked2;
        }


        private Frame currenrframe;
        public Frame CurrentViewModel
        {
            get { return currenrframe; }
            set
            {
                currenrframe = value;
                OnPropertyChanged();
            }
        }


        public void ShowPage1()
        {
            Page frm = (Page)page1;
            Frame frame = new Frame();
            frame.Content = frm;
            CurrentViewModel = frame;
        }


        private void MyUserControl_MyButtonClicked(object sender, System.EventArgs e)
        {
            Page frm = (Page)page2;
            Frame frame = new Frame();
            frame.Content = frm;
            CurrentViewModel = frame;
        }

        private void MyUserControl_MyButtonClicked2(object sender, System.EventArgs e)
        {
            Page frm = (Page)page1;
            Frame frame = new Frame();
            frame.Content = frm;
            CurrentViewModel = frame;
        }
    }
}

Page1ViewModel

using GlobalMVVM.View;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Controls;

namespace GlobalMVVM.ViewModel
{
    public class Page1ViewModel : Notify
    {

        public event EventHandler MethodExecuted;



        public static MyCommand CQTHCommand2 { set; get; }

        private Page2View page2 = new Page2View();

        public Page1ViewModel()
        {
            CQTHCommand2 = new MyCommand(ShowPage2);
        }



        private Frame currenrframe;
        public Frame CurrentViewModel
        {
            get { return currenrframe; }
            set
            {
                currenrframe = value;
                OnPropertyChanged();
            }
        }


        public void ShowPage2()
        {
            // 触发事件
            MethodExecuted?.Invoke(this, EventArgs.Empty);
        }



    }
}

Page2ViewModel

using GlobalMVVM.View;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Controls;

namespace GlobalMVVM.ViewModel
{

    public class Page2ViewModel : Notify
    {
        public event EventHandler MethodExecuted;



        public static MyCommand CQTHCommand1 { set; get; }

        private Page1View page2 = new Page1View();

        public Page2ViewModel()
        {
            CQTHCommand1 = new MyCommand(ShowPage1);
        }



        private Frame currenrframe;
        public Frame CurrentViewModel
        {
            get { return currenrframe; }
            set
            {
                currenrframe = value;
                OnPropertyChanged();
            }
        }


        public void ShowPage1()
        {
            // 触发事件
            MethodExecuted?.Invoke(this, EventArgs.Empty);
        }
    }
}

观无
关注
WPF篇（7）- Control基类+ContentControl类（内容控件）+ButtonBase基类
一个人的江湖
08-06 1899
前面给大家介绍完了WPF所有的布局控件，属性以及使用案例，从这里咱们就开始学下内容控件。
WPF page界面跳转
03-25
WPF单窗口多界面非常好用的例子程序，可以把界面做的非常漂亮！
wpf tab切换--contentControl demo
06-08
比较简单的demo，但比较使用，可以下载来看看
WPF-父子窗口交互demo
Maybe_ch的博客
06-08 2731
主界面代码，主界面设置两个按钮，Open Window按钮用于打开新窗口，Update用于更新打开的新窗口中的数据 &lt;Window x:Class="windo.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schem...
WPF MDI子窗体实现
04-18
WPF MDI子窗体实现
子窗体调用主窗体方法（委托）
最新发布
ly1h1的博客
02-27 822
在项目应用开发过程中，会遇到需要子界面返回至最初界面的场景，但因为开发条件限制或者考虑到使用关闭窗体打开窗体又不太优雅，此时，可以考虑采用子窗体通过委托，触发主窗体切换界面。
C# WPF主窗口调用子窗口，并将子窗口数据返回给主窗体
明故宫的记忆
08-07 5180
有时，上位机的功能越多，一个主界面可能包容不下，这就需要将一些功能单独做一个窗口，这也是考虑到可移植性，比如，现在我的上位机需要一个设置CAN参数的界面，如下图 请注意，我一共使用了2个Button，点击”取消“按钮，将关闭该界面，点击”连接“按钮，该界面将数据保存并返回给主界面 将”取消“按键的属性”DialogResult“值设为”Canael“，将”连接“对应的该属性值设置为”OK“ 主程...
WPF开发之页面切换
gorgeousjiu的博客
10-22 1914
对大多数需要在同一窗口内进行视图切换的 WPF 应用，使用 Page 和 Frame 组合通常是更优选择。这种组合提供了良好的导航支持和用户体验，同时能够有效管理内存和资源。如果应用中确实需要多个独立窗口，可以选择使用 Window。
SL - 整理 - WPF实现MDI窗体
icewizardry的专栏
12-11 664
Views.LoginWindow loginWindow = new Views.LoginWindow();loginWindow.Owner = this;loginWindow.ShowDialog(); //loginWindow.Show();
WPF实现类似MDI子窗体的功能
11-12
使用Extended WPF Toolkit内的ChildWindow窗体控件WPF实现类似MDI子窗体的功能
WPF 实现MDI窗体 窗体内最大化和最小化
11-23
父容器下显示多个子窗体
MVVM-WPF-窗体交互
Heart_Ache的博客
08-22 1061
WPF MVVM下交互式委托笔记@WPF WPF在MVVM架构下的窗体与窗体间的互动 WPF中的Window与Window之间在普通的后台调用情况下，实现交互的方式比较简单，但是，在MVVM的架构下，需要适当做一些调整，这里做下简单的示例，做个记录保存，可以的话供下参考或者理解。 1-ParentWin与ChildWin //ParentWin内声明ChildWin //声明后调用显示 Window ChildWin=new Window(); ChildWin.ShowDialog(); 2-MVVM架
WPF mvvm框架Stylet使用教程-窗体交互用法
04-16
**WPF MVVM框架Stylet使用教程 - 窗体交互用法** Windows Presentation Foundation (WPF) 是Microsoft提供的一种用于构建桌面应用程序的框架，它引入了Model-View-ViewModel (MVVM) 设计模式，使得UI设计和业务逻辑...
WPF技术中MVVM模式下的子窗体与主窗体全局切换方法
在讨论WPF-MVVM架构中，子窗体与主窗体的切换以及全局ViewModel的运用是提升应用程序用户体验与维护性的重要方面。 ### 标题知识点详细说明： #### 1. WPF基础 - **用户界面层（UI）**：在WPF中，UI是通过XAML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值