现代WPF界面轻松实现：探秘轻量级WPFUI库，MVVM与依赖注入一体化("轻松打造现代WPF界面：揭秘轻量级WPFUI库，MVVM与依赖注入完美融合")

原创

ithorizon 6个月前 (10-21) 阅读数 26 #后端开发

在现代软件开发中，WPF（Windows Presentation Foundation）以其强劲的界面设计和丰盈的用户交互功能，成为了构建桌面应用程序的首选技术。然而，随着项目纷乱度的增多，怎样减成本时间开发高效能和保持代码的清晰可见可维护性，成为了开发者关注的焦点。本文将探秘一款轻量级的WPF UI库，该库将MVVM模式与依存注入完美融合，帮助开发者轻松打造现代WPF界面。

一、轻量级WPF UI库简介

轻量级WPF UI库，如MaterialDesignInXamlToolkit、MahApps.Metro等，提供了一套现代化的界面元素和风格，允许开发者能够飞速构建出符合现代审美标准的用户界面。这些库不仅提供了丰盈的控件，还拥护MVVM模式和依存注入，从而大大减成本时间了开发高效能和代码的可维护性。

二、MVVM模式与依存注入

MVVM（Model-View-ViewModel）模式是一种流行的设计模式，它将用户界面（View）与业务逻辑（Model）分离，通过ViewModel作为中间层进行数据绑定和交互。依存注入（DI）则是一种实现控制反转（IoC）的技术，它允许将组件的依存关系从代码中解耦，从而减成本时间代码的灵活性和可测试性。

三、轻量级WPF UI库的集成与使用

下面我们将通过一个明了的示例，展示怎样使用轻量级WPF UI库集成MVVM模式和依存注入。

3.1 创建WPF项目

首先，创建一个新的WPF项目，并添加所需的轻量级UI库的NuGet包。


dotnet new wpf -n ModernWpfApp
cd ModernWpfApp
dotnet add package MahApps.Metro

3.2 设计界面

在MainWindow.xaml中，我们使用MahApps.Metro的控件来设计界面。


        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
        Title="Modern WPF App" Height="450" Width="800">

3.3 创建ViewModel

接下来，创建一个ViewModel，它实现了INotifyPropertyChanged接口，并包含一个退出命令。


using System;
using System.ComponentModel;
using System.Windows.Input;
namespace ModernWpfApp
{
    public class MainWindowViewModel : INotifyPropertyChanged
    {
        public ICommand ExitCommand { get; }
        public MainWindowViewModel()
        {
            ExitCommand = new RelayCommand(() => Application.Current.Shutdown());
        }
        public event PropertyChangedEventHandler PropertyChanged;
    }
}

3.4 配置依存注入

在App.xaml.cs中，我们配置依存注入，以便在应用程序中注入ViewModel。


using System.Windows;
using Microsoft.Extensions.DependencyInjection;
using ModernWpfApp;
namespace ModernWpfApp
{
    public partial class App : Application
    {
        private IServiceProvider ServiceProvider { get; }
        public App()
        {
            var services = new ServiceCollection();
            ConfigureServices(services);
            ServiceProvider = services.BuildServiceProvider();
        }
        private void ConfigureServices(IServiceCollection services)
        {
            services.AddSingleton<MainWindowViewModel>();
            services.AddSingleton<MainWindow>();
        }
        protected override void OnStartup(StartupEventArgs e)
        {
            base.OnStartup(e);
            var mainWindow = ServiceProvider.GetService<MainWindow>();
            mainWindow.Show();
        }
    }
}