WPF 实现点击按钮跳转页面功能

ThePaK

已于 2023-09-30 19:55:33 修改

阅读量4.5k

点赞数 1

分类专栏： C#笔记文章标签： wpf

于 2023-09-30 19:54:59 首次发布

本文链接：https://blog.csdn.net/thepak/article/details/133440285

版权

C#笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

方法1.

配置环境

首先添加prism依赖项，配置好所有文件。需要配置的有两个文件：App.xaml.cs和App.xaml

App.xaml.cs

using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;

namespace PrismDemo
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : PrismApplication
    {
        protected override Window CreateShell()
        {
            return Container.Resolve<MainView>();
        }
        protected override void RegisterTypes(IContainerRegistry containerRegistry)
        {
              
        }
    }
}

App.xaml

<prism:PrismApplication
    x:Class="PrismDemo.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:PrismDemo"
    xmlns:prism="http://prismlibrary.com/">
    <Application.Resources />
</prism:PrismApplication>

在MainView.xaml中添加下面两句话，引用prism并且实现自动关联上下文，即自动加载与视图关联的视图模型

xmlns:prism="http://prismlibrary.com/"

prism:ViewModelLocator.AutoWireViewModel="True"

创建两个文件：Views和ViewModels

Views 文件夹：包含所有的 XAML 文件，用于定义应用程序的用户界面。

每个 XAML 文件都对应一个界面，如 MainWindow.xaml、SettingsView.xaml 等等。

在 Views 文件夹中通常不会包含任何代码逻辑，只包含 XAML 标记。

ViewModels 文件夹：包含所有的 ViewModel 类，用于处理视图和模型之间的交互和状态管理。

每个 ViewModel 类都对应一个视图，如 MainWindowViewModel.cs、SettingsViewModel.cs 等等。

在 ViewModels 文件夹中通常不会包含任何与界面相关的代码，只包含处理视图和模型之间交互的业务逻辑。

在 MVVM 模式中，View 和 ViewModel 之间的通信通常使用数据绑定来实现。通过将 ViewModel 的属性和命令与 View 的元素绑定，可以将 ViewModel 中的数据和行为更新到 View 中。例如，可以将 ViewModel 中的一个属性绑定到 TextBlock 的 Text 属性，将一个命令绑定到 Button 的 Command 属性。这种数据绑定机制使得 View 和 ViewModel 之间的交互变得非常方便和灵活。

MainView.xaml

此段代码是页面展示部分，它定义了两行。第一行包含三个按钮，第二行包含一个内容控件。

每个按钮绑定了一个OpenCommand命令，并传递了一个字符串参数，用于打开不同的窗口。

内容控件 ContentControl 的内容被绑定到了一个 Body 属性，用于显示窗口中的主要内容。

<Window
    x:Class="PrismDemo.Views.MainView"
    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:local="clr-namespace:PrismDemo"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    Title="MainWindow"
    Width="800"
    Height="450"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal">
            <Button
                Margin="5"
                Command="{Binding OpenCommand}"
                CommandParameter="ViewA"
                Content="打开模块A" />
            <Button
                Margin="5"
                Command="{Binding OpenCommand}"
                CommandParameter="ViewB"
                Content="打开模块B" />
            <Button
                Margin="5"
                Command="{Binding OpenCommand}"
                CommandParameter="ViewC"
                Content="打开模块C" />
        </StackPanel>
        <ContentControl Grid.Row="1" Content="{Binding Body}" />
    </Grid>
</Window>

ViewX.xaml

Views文件夹中一共有四个.xaml文件，除了主窗口的MainView.xaml外，其他三个分别是ViewA.xaml、ViewB.xaml 和 ViewC.xaml，分别对应于点击主窗口中按钮后的转换窗口，其中只有一行文本内容。

<TextBlock FontSize="80" Text="ViewX" /> (X=A, B, C)

MainViewModel.cs

MainViewModel.cs 继承自 Prism 库中的 BindableBase 类，实现了窗口布局中用到的命令和属性。

DelegateCommand<string> OpenCommand 是一个命令属性，用于绑定窗口中的三个按钮。

这个命令属性在构造函数中被初始化为一个 DelegateCommand<string> 对象，并指定了一个参数类型为字符串的委托方法 Open。这个委托方法用于执行不同的模块打开操作。

Body 属性是一个对象属性，用于绑定窗口布局中的内容控件。它的 get 方法返回 body 字段的值，而 set 方法则将传入的值设置给 body 字段，并通过 RaisePropertyChanged() 方法通知视图更新。

Open(string obj) 方法是 OpenCommand 委托方法的实现，它接受一个字符串参数 obj，用于判断要打开哪个模块。根据参数值的不同，通过 Body 属性设置不同的视图。例如，当参数值为 "ViewA" 时，设置 Body 为一个 ViewA 的实例，从而实现了打开界面 A 的功能。

using Prism.Commands;
using Prism.Mvvm;
using PrismDemo.Views;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace PrismDemo.ViewModels
{
    internal class MainViewModel:BindableBase
    {
        //负责执行不同的模块
        public DelegateCommand<string> OpenCommand { get; private set; }
        public MainViewModel()
        {
            OpenCommand = new DelegateCommand<string>(Open);
        }
        private object body;
        public object Body
        {
            get { return body; }
            set { body = value; RaisePropertyChanged(); }
        }
        private void Open(string obj)
        {
            switch (obj)
            {           
                case "ViewA": Body = new ViewA(); break;
                case "ViewB": Body = new ViewB(); break;
                case "ViewC": Body = new ViewC(); break;
            }
        }
    }
}

方法2. 使用依赖注入动态设置内容

MainView.xaml

修改内容：

prism:RegionManager.RegionName="ContentRegion" 属性是使用 Prism 库中的区域管理器（Region Manager）功能来定义了一个名为 "ContentRegion" 的区域。

这个区域用于管理将要显示在 <ContentControl> 控件中的内容。

在这个区域中可以动态地加载和卸载不同的视图，从而实现复杂的界面交互和布局。

在 Prism 应用程序中，我们通常使用区域管理器来动态加载和卸载不同的视图，以实现应用程序的模块化和松耦合。例如，在一个具有多个区域的应用程序中，每个区域可以单独管理自己的视图，使得应用程序的不同模块之间可以相互独立地开发、测试和维护。

下面是MainView.xaml的完整代码：

<Window
    x:Class="PrismDemo.Views.MainView"
    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:local="clr-namespace:PrismDemo"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    Title="MainWindow"
    Width="800"
    Height="450"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal">
            <Button
                Margin="5"
                Command="{Binding OpenCommand}"
                CommandParameter="ViewA"
                Content="打开模块A" />
            <Button
                Margin="5"
                Command="{Binding OpenCommand}"
                CommandParameter="ViewB"
                Content="打开模块B" />
            <Button
                Margin="5"
                Command="{Binding OpenCommand}"
                CommandParameter="ViewC"
                Content="打开模块C" />
        </StackPanel>
        <ContentControl Grid.Row="1" prism:RegionManager.RegionName="ContentRegion" />
    </Grid>
</Window>

MainViewModel.cs

OpenCommand 属性与上面意义相同，用于在用户点击打开按钮时执行 Open 方法。

Open 方法根据传入的参数 obj 来决定要打开哪个模块，并通过区域管理器（IRegionManager）来请求加载指定模块的视图。

在构造函数中接受了一个 IRegionManager 类型的参数，用于从依赖注入容器中获取区域管理器的实例。这样，我们就可以通过注入区域管理器来使用 Prism 库中提供的区域管理器功能，从而实现对区域中的视图进行动态加载和卸载等操作。

using Prism.Commands;
using Prism.Mvvm;
using Prism.Regions;
using PrismDemo.Views;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace PrismDemo.ViewModels
{
    internal class MainViewModel:BindableBase
    {
        //负责执行不同的模块
        public DelegateCommand<string> OpenCommand { get; private set; }
        private readonly IRegionManager regionManager;
        //IRegionManager: 主要负责管理定义的所有可用区域
        public MainViewModel(IRegionManager regionManager)
        {
            OpenCommand = new DelegateCommand<string>(Open);
            this.regionManager = regionManager;
        }
        private void Open(string obj)
        {
            //在这个区域通过依赖注入动态设置内容，
            regionManager.Regions["ContentRegion"].RequestNavigate(obj);
        }
    }
}

App.xaml.cs

修改内容：

protected override void RegisterTypes(IContainerRegistry containerRegistry)

{

containerRegistry.RegisterForNavigation<ViewA>();

containerRegistry.RegisterForNavigation<ViewB>();

containerRegistry.RegisterForNavigation<ViewC>();

}

在使用 Prism 进行开发时，通常需要在应用程序启动时注册应用程序使用的服务和视图模型等对象，这个过程就叫做注册。

在 Prism 中，使用 IContainerRegistry 接口来完成依赖注入的注册过程，

RegisterForNavigation 方法是用来注册导航对象（视图）的方法。

该方法通过传入导航目标对象类型作为泛型参数，告诉 Prism 在使用该导航时应该使用哪个视图对象。因此，调用该方法将允许我们在 Prism 中使用导航和在容器中注入视图。

具体来说，RegisterForNavigation<ViewA>() 会将类型 ViewA 注册为一个可导航的视图对象，当需要导航到 ViewA 时，Prism 会自动创建该视图对象并将其添加到对应的区域中，而无需手动实例化该对象。

通常，在应用程序启动时，我们会在 App.xaml.cs 中重写 ConfigureContainer 或 RegisterTypes 方法，从而将应用程序中需要的服务和对象注册到容器中，以便在整个应用程序中使用。

using Prism.DryIoc;
using Prism.Ioc;
using PrismDemo.Views;
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;
namespace PrismDemo
{
    public partial class App : PrismApplication
    {
        protected override Window CreateShell()
        {
            return Container.Resolve<MainView>();
        }
        protected override void RegisterTypes(IContainerRegistry containerRegistry)
        {
            containerRegistry.RegisterForNavigation<ViewA>();
            containerRegistry.RegisterForNavigation<ViewB>();
            containerRegistry.RegisterForNavigation<ViewC>();      
        }
    }
}

Prism的模块化

创建多个项目，将项目输出类型设为类库。创建页面并创建类对此界面进行注册。

创建内容如下：

其中的ViewA、ViewB和MainViewModel.cs中的内容和方法2中相同。

ModuleAProfile.cs

这段代码定义了一个名为 ModuleAProfile 的类，实现了 Prism 库中的 IModule 接口。

在 Prism 中，模块是一种组织和管理功能的机制，通常使用模块将应用程序分解为可重用和独立的部分，从而简化开发和维护。

IModule 接口要求实现两个方法：RegisterTypes 和 OnInitialized。

在这个例子中，ModuleAProfile 类只实现了 RegisterTypes 方法。在该方法中，通过调用 containerRegistry.RegisterForNavigation<ViewA>() 方法来将 ViewA 类型注册为可导航的视图。在这里，RegisterForNavigation 方法是 Prism 库提供的一种方便的方法，用于在应用程序中注册可导航的视图，使其能够通过 URI 进行导航。

using ModuleA.Views;
using Prism.Ioc;
using Prism.Modularity;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace ModuleA
{
    public class ModuleAProfile : IModule
    {
        public void OnInitialized(IContainerProvider containerProvider)
        {
        }

        public void RegisterTypes(IContainerRegistry containerRegistry)
        {
            containerRegistry.RegisterForNavigation<ViewA>();
        }
    }
}

ModuleBProfile.cs

using ModuleB.Views;
using Prism.Ioc;
using Prism.Modularity;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace ModuleB
{
    public class ModuleBProfile : IModule
    {
        public void OnInitialized(IContainerProvider containerProvider)
        {
            
        }

        public void RegisterTypes(IContainerRegistry containerRegistry)
        {
            containerRegistry.RegisterForNavigation<ViewB>();
        }
    }
}

App.xaml.cs

创建完上面两个ModuleAProfile和ModuleB文件之后，要在主页面中加入依赖项，而此文件的主要目的是使用ConfigureModuleCatalog()方法来配置应用程序的模块目录。

在ConfigureModuleCatalog()方法里添加了两个模块 ModuleAProfile 和 ModuleBProfile。

因此，这个应用程序使用 DryIoc 作为 IoC 容器，创建了一个主窗口，并配置了两个模块。这些模块将在应用程序启动时被加载。

using ModuleA;
using ModuleB;
using Prism.DryIoc;
using Prism.Ioc;
using Prism.Modularity;
using PrismDemo.Views;
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;
namespace PrismDemo
{
    public partial class App : PrismApplication
    {
        protected override Window CreateShell()
        {
            return Container.Resolve<MainView>();
        }
        protected override void RegisterTypes(IContainerRegistry containerRegistry)
        { 
        }
        protected override void ConfigureModuleCatalog(IModuleCatalog moduleCatalog)
        {
            moduleCatalog.AddModule<ModuleAProfile>();
            moduleCatalog.AddModule<ModuleBProfile>();
            base.ConfigureModuleCatalog(moduleCatalog);
        }
    }
}

引用ModuleAProfile 和 ModuleBProfile的第二种方式

不添加依赖项
修改App.xaml.cs
在主程序文件的指定位置创建文件Modules，将ModuleA和ModuleB的dll文件移动到此文件中。

此方法比上面引用方法耦合性更低，不需要指定调用哪个模块，ModuleA、ModuleB和主程序直接无直接联系。

App.xaml.cs

using Prism.DryIoc;
using Prism.Ioc;
using Prism.Modularity;
using PrismDemo.Views;
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;

namespace PrismDemo
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : PrismApplication
    {
        protected override Window CreateShell()
        {
            return Container.Resolve<MainView>();
        }
        protected override void RegisterTypes(IContainerRegistry containerRegistry)
        {


        }
        protected override IModuleCatalog CreateModuleCatalog()
        {
            return new DirectoryModuleCatalog() { ModulePath = @".\Modules" };

        }
    }
}

文件创建位置

ThePaK

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
WPF 实现点击按钮跳转页面功能

例如，在一个具有多个区域的应用程序中，每个区域可以单独管理自己的视图，使得应用程序的不同模块之间可以相互独立地开发、测试和维护。Views文件夹中一共有四个.xaml文件，除了主窗口的MainView.xaml外，其他三个分别是ViewA.xaml、ViewB.xaml 和 ViewC.xaml，分别对应于点击主窗口中按钮后的转换窗口，其中只有一行文本内容。在 Prism 中，模块是一种组织和管理功能的机制，通常使用模块将应用程序分解为可重用和独立的部分，从而简化开发和维护。
复制链接

扫一扫

专栏目录