在Avalonia/C#中使用依赖注入过程记录

笔记哥 / 04-21 / 9点赞 / 0评论 / 120阅读
## 前言 使用依赖注入可以让我们的程序变得更加好维护与测试。 今天分享的是在Avalonia/C#中使用依赖注入。 Demo地址:https://github.com/Ming-jiayou/Avalonia\_With\_Dependency\_Injection\_Example 因此本文中不会包含全部代码,有需要可以从GitHub获取全部代码。 ## 实践 先运行一下AvaloniaWithoutDependencyInjection这个例子。 效果: ![](https://cdn.res.knowhub.vip/c/2504/21/96d5ef9c.gif?G1YAAMTc2vOlu825tN%2fToCVYBtoMSGQRVEpYr2fvf51E%2fXWBaLy%2bNqavD39pYzolKUUUJJAMRfDCfIA5GWpIWs2MGdH7DQ%3d%3d) 虽然我们实现了导航的功能,但是当重新点击的时候又会创建一个新的实例,并不会保留之前的状态,很多时候这不是我们想要的效果。 现在再来运行一下AvaloniaWithDependencyInjection这个例子。 效果: ![](https://cdn.res.knowhub.vip/c/2504/21/6ecb06a5.gif?G1cAAMRvcz9Oeu9%2baG2jQZdgGWgzYJFGUClhvZ69%2f3US9TcEYvn62pixPvymjRmkUqsYSCAOQwrCXMCs7kjshdWAo%2bToNw%3d%3d) 由于我们以单例的形式将View与ViewModel注入了依赖注入容器中了,因此你可以看到现在再重新点击是会保留之前的状态了。 现在让我们一起看看如何将上面的那个例子改造成下面的那个例子吧!! 要实现依赖注入首先需要有一个依赖注入容器,我这里使用的是Microsoft.Extensions.DependencyInjection。 为了方便实现导航,我们创建一个INavigationService接口与NavigationService类。 INavigationService: ```csharp public interface INavigationService { ViewModelBase CurrentViewModel { get; } void NavigateTo() where T : ViewModelBase; } ``` NavigationService: ```csharp public partial class NavigationService : ObservableObject, INavigationService { [ObservableProperty] private ViewModelBase \_currentViewModel; private readonly IServiceProvider \_serviceProvider; public NavigationService(IServiceProvider serviceProvider) { \_serviceProvider = serviceProvider; // 设置初始页面 NavigateTo(); } public void NavigateTo() where T : ViewModelBase { var viewModel = \_serviceProvider.GetRequiredService(); CurrentViewModel = viewModel; } } ``` 为了方便添加服务,创建一个ServiceCollectionExtensions类。 ```csharp public static class ServiceCollectionExtensions { public static IServiceCollection AddViews(this IServiceCollection services) { // Register all views as singletons services.AddSingleton(); services.AddSingleton(); services.AddSingleton(); return services; } public static IServiceCollection AddViewModels(this IServiceCollection services) { // Register all view models as singletons services.AddSingleton(); services.AddSingleton(); services.AddSingleton(); return services; } public static IServiceCollection AddServices(this IServiceCollection services) { services.AddSingleton(); return services; } } ``` 在Program中注册服务: ![image-20250421161136598](https://cdn.res.knowhub.vip/c/2504/21/293ec941.png?G1YAAMTW3Dgp8KBR22gDdWfqnTUDElkElRLW6%2fn%2ftS%2bi9wswLN%2bj9Rn7w19an0EKdxgTGIUNyUPkYBEt7snsrGpaPa8R) 在App.axaml.cs中从容器中取出MainWindow与MainWindowViewModel: ![image-20250421161251620](https://cdn.res.knowhub.vip/c/2504/21/b856c48f.png?G1YAAMTsdJxI8gml26hD2jvFHc2ARBZBpYT1es9Z%2byb6fgfD4jNan74%2f%2fKX16aQoBcYERmJD8BC5WEQz15BVUKxKjWs4) 在ViewLocator中从容器中取出View的实例: ![image-20250421161440244](https://cdn.res.knowhub.vip/c/2504/21/2f51caaf.png?G1cAAETn9LwUKBjcvtMdbIlTE20GLNIIKiWs13vO2jfR9wcYlp%2fR%2boz94TetzyBFrTAmMAobUoCIs4gWrUkc5uwoV14jAA%3d%3d) MainWindowViewModel: ![image-20250421161628346](https://cdn.res.knowhub.vip/c/2504/21/d3e2f4ce.png?G1YAAMTydJz4v0N9uo06fJsoEpoBiSyCSgnr9Z6z9i3y%2fU5ljs9offr%2b8JfWp0uiGbMKlUUzgidQFUgFNZRqBC7TuIYD) 经过以上步骤就成功在Avalonia中实现依赖注入了,现在来看看流程是怎么样的。 ## 流程 程序启动在Program中注册了服务。 App.axaml.cs中取出了MainWindow与MainWindowViewModel。 在MainWindowViewModel中注入了INavigationService。 但是在这里你可能会有疑问: ![image-20250421161943776](https://cdn.res.knowhub.vip/c/2504/21/b516863f.png?G1cAAER17rxga2GCfice0wSBBJsBizSCSgnr9fz%2f2pfI%2bzmVOd6j9en7w29any6JtTKrUGmaEQKBokAyPQLOYqlUA%2bIaDg%3d%3d) 为什么这里可以直接使用`serviceProvider`呢? 看起来我们直接使用了` serviceProvider`,但实际上这里涉及到了依赖注入容器的生命周期和服务解析顺序。 当我们调用 `services.BuildServiceProvider()` 时,依赖注入容器会: - 创建一个服务提供者(`ServiceProvider`)实例 - 这个 `ServiceProvider `包含了所有注册的服务的信息和创建规则 当需要 `NavigationService `时,依赖注入容器会: - 发现需要创建 `NavigationService` - 看到 `NavigationService `的构造函数需要一个 `IServiceProvider` - 将自己(`serviceProvider`)作为参数传入 - 创建 `NavigationService` 实例 在某处第一次请求`INavigationService`时发生的: ```csharp var navigationService = serviceProvider.GetService(); ``` 此时: - `serviceProvider `已经是完全初始化好的实例 - 所有的 `ViewModel `都已经注册完成 - 当调用` NavigateTo`() 时,可以成功从容器中解析出 `Page1ViewModel` 然后初始导航到`Page1ViewModel`。 ![image-20250421162952745](https://cdn.res.knowhub.vip/c/2504/21/3f66f5fb.png?G1YAAMTXsx8n2j7qt41u6F3ikNAMSGQRVEpYr%2ffefRrR9xsY0T%2bzj2Xnw1%2f6WEYBpSAygaEc4TxEMosEDdkpUkrKtfo9DQ%3d%3d) 从容器中取出Page1ViewModel并赋值给CurrentViewModel。 当CurrentViewModel改变的时候,会触发MainWindowViewModel订阅的这个属性变更事件: ![image-20250421163436887](https://cdn.res.knowhub.vip/c/2504/21/899c968d.png?G1YAAMTsdJxI8hKl26hD2jvFHc2ARBZBpYT1es9Z%2byb6fgdD4zNan74%2f%2fKX16ZRQCpQJDGNF8BC5WCSZIWQutXKGxTUc) 如果是CurrentViewModel属性发生变化,就将MainWindowViewModel中的CurrentPage属性赋值为CurrentViewModel。 CurrentPage类型为ViewModelBase,它的变化会触发ViewLocator中的Build方法: ![image-20250421163718003](https://cdn.res.knowhub.vip/c/2504/21/0a149101.png?G1YAAMT0bJxoe9rANvqh%2f4lHQjMgkUVQKWG93nv3aUTf72BofGYfy8%2bHv%2fSxnBJKgTKBYawIHiKZRZJpCaLZkGq1uKcD) 该方法会根据CurrentPage的类型从容器中取出对应的View,从而实现了导航的功能,并且能够保留之前的状态。 ## 最后 以上就是在Avalonia/C#中使用依赖注入的过程,希望对你有所帮助。