Fluent XAML Theme Editor 源码架构深剖MVVM 分层、共享库与依赖注入完整拆解【免费下载链接】fluent-xaml-theme-editorThe Fluent Design XAML theme editor.项目地址: https://gitcode.com/gh_mirrors/fl/fluent-xaml-theme-editorFluent XAML Theme Editor是微软开源的 Fluent 设计系统主题编辑器UWP 应用它能帮你可视化调整 Light/Dark 主题配色、校验对比度并一键导出可直接用于 UWP 的 XAML ResourceDictionary。本文带你完整拆解它的源码架构MVVM 三层如何分工、FluentEditorShared 共享库提供了哪些可复用组件、依赖注入又是如何落地的。项目全景一个解决方案两个项目整个解决方案 FluentEditor.sln 只包含两个工程职责划分非常干净项目职责入口文件FluentEditor应用本体UI 页面、ViewModel、业务模型FluentEditor.csprojFluentEditorShared与业务无关的基础设施库已打包为 NuGet 共享FluentEditorShared.csproj这就是它架构上最值得学的一点先把“框架性”的东西抽成共享库应用项目只写业务。下面逐层拆解。MVVM 分层拆解View 层如何与 ViewModel 解耦View 层ViewBase ViewContainer 的动态装配View 层的核心不是普通的 XAML 页面而是一套动态视图装配机制位于FluentEditorShared/ViewCommon/目录IView.cs视图接口只要求实现AttachViewModel/DetachViewModel两个方法。ViewModel 通过弱类型的object传入让装配逻辑与具体类型彻底解耦。ViewBase.cs泛型基类ViewBaseT把 ViewModel 声明为强类型依赖属性——弱类型负责“装”强类型负责 XAML 里x:Bind的编译期绑定两者兼得。ViewContainer.cs容器控件拿到 ViewModel 后通过ViewFactory委托动态创建对应 View并自动完成AttachViewModelViewModel 切换时还会先卸载旧视图再重建。这种“ViewModel 决定渲染哪个 View”的工厂模式让导航切换页面的逻辑完全不需要写在 XAML 里。ViewModel 层导航与状态管理导航的 ViewModel 见 OuterNavViewModel.cs用 ObservableList.cs 承载导航项集合变更可通知 UISelectedNavItem属性变更时触发NavigateToItem事件View 层订阅后驱动路由——ViewModel 只描述状态不接触任何控件。功能主页面 ControlPaletteViewModel.cs 是 MVVM 的典型样本它不持有数据而是订阅 Model 的ActiveColorChanged、ActivePresetChanged事件把颜色变化转成 UI 可用的SolidColorBrush再把属性面板上的“保存/加载/导出”按钮事件转化为对 Model 与导出提供者的调用。Model 层数据与文件的唯一真相源Model 集中在FluentEditor/ControlPalette/Model/目录核心是 ControlPaletteModel.cs它管理 Light/Dark 两套色板、预设Preset列表及当前激活预设Preset.cs 负责预设的 JSON 序列化ControlPaletteExportProvider.cs 负责把整套主题生成可导出的 XAML 数据。FluentEditorShared 共享库三大可复用组件共享库对应源码目录 FluentEditorShared/沉淀了四类与业务无关的能力其中依赖注入与消息总线最值得细看。依赖注入轻量 DependencyContainerDependencyContainer.cs 实现了一个线程安全的最简容器以字符串 Id 而非类型作键注释里写得很直白同一类型可以有多个实例AddDependencyT重复注册直接抛异常快速暴露配置错误GetDependencyT做运行时类型校验类型不匹配时给出清晰的报错信息。它的接口定义在 IDependencyContainer.cs调用方只依赖接口——这就是“面向接口编程”在依赖注入上的最小实践。消息总线MessageBus 与弱引用监听MessageBus.cs 实现了一个结构体消息的发布订阅总线工程细节相当讲究订阅者通过WeakReference持有见ListenerAdapter避免总线长期存活导致的内存泄漏BroadcastMessage先加锁拷贝订阅者列表再解锁广播防止监听器在回调中自相移除引发的并发问题支持ActionT委托与IMessageBusListener对象两种订阅方式PruneListeners可随时清理失效的弱引用。这是跨模块、无直接引用通信的经典方案适合在 ViewModel 之间解耦通知。其他基础设施编辑器组件FluentEditorShared/Editors/下的 ColorEditor.cs、DoubleEditor.cs、BoolEditor.cs、EnumEditor.cs 是通用属性编辑器配合 FluentEditorSharedResources.xaml 的主题样式直接复用对象池ObjectPool.cs 提供IPoolableObject回收机制减少高频对象的 GC 压力颜色算法工具ColorPalette.cs 与 PaletteExtraction.cs 负责色板生成与对比度计算支撑主题编辑器的核心体验。组装全景App 启动时的依赖装配所有组件的“总装车间”是 App.xaml.cs 的SetupDependencies流程一目了然创建StringProvider多语言资源与ControlPaletteExportProvider导出能力实例化ControlPaletteModel加载controlPaletteData.json初始化色板数据实例化MainNavModel注入导航所需的 paletteModel 与 exportProvider用导航数据构造OuterNavViewModel挂到OuterNavPage上完成首屏渲染。依赖全部通过构造函数注入传递没有全局单例、没有 Service Locator 查找——每个类需要什么都写在签名上这就是这套代码里依赖注入最朴素也最实用的形态。架构亮点清单双项目分层应用项目与共享库边界清晰共享能力可独立打包复用依赖注入双轨制全局用构造注入细粒度扩展点用IDependencyContainer弱引用消息总线跨模块通信不产生引用泄漏⚡View 工厂装配ViewBaseTViewContainer让 View 随 ViewModel 动态切换XAML 零耦合Model 为唯一真相源ViewModel 只做事件转发与 UI 适配可测试性天然良好。这套架构麻雀虽小五脏俱全对想读懂 MVVM、依赖注入和共享库设计的新手来说是一个非常适合通读的小型样本工程。【免费下载链接】fluent-xaml-theme-editorThe Fluent Design XAML theme editor.项目地址: https://gitcode.com/gh_mirrors/fl/fluent-xaml-theme-editor创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考