.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5

聊天界面设计TerminalMACS

一个使用 Prism 作为模块化框架、基于多个开源控件库作为UI控件选择、集成开源 UI 界面设计的 .NET 5 WPF 客户端项目。

• 项目名称：TerminalMACS WPF管理端
• 项目开源地址：
  • Github：https://github.com/dotnet9/TerminalMACS.ManagerForWPF[1]
  • Gitee：https://gitee.com/dotnet9/TerminalMACS.ManagerForWPF[2]
• 作者：Dotnet9

1. 特性

• 使用 .NET 5[3] 开发，体验最新 .NET 平台（和 .NET Core 3.1 无缝兼容）

.NET 5 是 .NET Framework 和 .NET Core 的未来，最终将成为一个统一平台，.NET5将包含ASP.NET核心、实体框架核心、WinForms、WPF、Xamarin 和 ML.NET。

• 基于 Prism 8[4] 搭建模块化框架，方便程序扩展

Prism为程序设计提供指导,旨在帮助用户更加容易的设计和构建丰富、灵活、易于维护WPF桌面应用程序。Prism使用设计模式（如MVVM,复合视图,事件聚合器），帮助你创建一个松耦合的程序。遵循这些设计模式原则，将目标程序解耦成独立的模块。这些类型的应用程序被称为复合应用程序。

• 已使用或即将使用到多个开源WPF控件库

  • MaterialDesignInXamlToolkit[5]
  • HandyControl[6]
  • PanuonUI.Silver[7]
  • AduSkin[8]。

参考以上多种开源 WPF UI 库，多个选择，开发 WPF 项目更方便。

• ECharts

界面设计有使用到ECharts，使用WPF WebBrowser控件加载html的方式

ECharts：pie-doughnut[9]

• 本地化支持

• 动态国际化支持

• 支持主题色动态切换

2. 支持环境

• .NET 5.0。

3. 当前版本

0.1

4. 链接

• 官方网站：Dotnet9[10]

5. 项目界面截图

5.1. 关于

关于TerminalMACS

5.2. 首页模块

正在开发中...

5.3. 服务端模块

正在开发中...

5.4. 客户端模块

正在开发中...

5.5. 测试案例

收集全球优秀的开源WPF界面设计，实时收集、实时添加更新，下面是部分实例截图：

登录注册分类 1

1. 简单登录窗体设计1

参考视频：C# WPF Material Design UI: Login Window[11]

参考源码：Login2[12]

简单登录窗体设计1

1. 简单登录窗体设计2

参考视频：C# WPF Material Design UI: Login Window[13]

参考源码：Login1[14]

简单登录窗体设计2

1. 美食应用登录

参考视频：WPF Food App Login UI Material Design [Speed Design][15]

美食应用登录

菜单类 2

1. 抽屉式菜单

参考视频：C# WPF Material Design UI: Animated Colorful Navigation Drawer[16]

参考源码：AnimatedColorfulMenu[17]

抽屉式菜单

1. 菜单切换用户控件

参考视频：C# WPF Material Design UI: Fast Food Sales[18]

参考源码：Pizzaria1[19]

菜单切换用户控件

1. 菜单切换动画

参考视频：C# WPF Material Design UI: Animated Menu[20]

参考源码：AnimatedMenu1[21]

菜单切换动画

其他界面设计 3

1. 移动应用仪表盘

参考视频：WPF Dashboard UI – Material Design [Speed Design][22]

参考源码：WPF-Dashboard-UI-Material-Design-Concept[23]

移动应用仪表盘

1. 简易仪表盘2

参考视频：WPF Dashboard UI – Material Design [Speed Design][24]

参考源码：WPF-Dashboard-UI-Material-Design-Concept[25]

ECharts：pie-doughnut[26]

简易仪表盘2

1. Instagram重新设计

参考视频：C# WPF Material Design UI: Redesign Instagram[27]

参考源码：Instagram[28]

Instagram重新设计

1. LoLGoal

参考视频：dotnet9[29]

参考源码：dotnet9[30]

LoLGoal

1. 简易音乐播放器1

参考视频：C# WPF Material Design UI: Dashboard[31]

参考源码：Dashboard[32]

简易音乐播放器1

1. 百度地图

通过WPF WebBrowser控件加载html5文件的形式加载百度地图，使用JavaScript与C#互操作实现地图交互。

百度地图

1. 聊天界面设计

参考视频：

• C# WPF Design UI – 1/3 – Contact List[33]
• C# WPF Design UI – 2/3 – Profile[34]
• C# WPF Design UI – 3/3 – Chat[35]

参考源码：Chat[36]

聊天界面设计

1. 计算器

参考视频：

• Calcalator[37]