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

Posted 2021-04-01 Dotnet9

点击上方“Dotnet9”添加关注哦

聊天界面设计

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

2. 简单登录窗体设计2

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

参考源码：Login1[14]

简单登录窗体设计2

3. 美食应用登录

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

美食应用登录

菜单类 2

1. 抽屉式菜单

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

参考源码：AnimatedColorfulMenu[17]

抽屉式菜单

2. 菜单切换用户控件

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

参考源码：Pizzaria1[19]

菜单切换用户控件

3. 菜单切换动画

参考视频：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]

移动应用仪表盘

2. 简易仪表盘2

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

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

ECharts：pie-doughnut[26]

简易仪表盘2

3. Instagram重新设计

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

参考源码：Instagram[28]

Instagram重新设计

4. LoLGoal

参考视频：dotnet9[29]

参考源码：dotnet9[30]

LoLGoal

5. 简易音乐播放器1

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

参考源码：Dashboard[32]

简易音乐播放器1

6. 百度地图

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

百度地图

7. 聊天界面设计

参考视频：

• 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]

聊天界面设计

8. 计算器

参考视频：

• Calcalator [37]

计算器

[1]

https://github.com/dotnet9/TerminalMACS.ManagerForWPF: https://github.com/dotnet9/TerminalMACS.ManagerForWPF

[2]

https://gitee.com/dotnet9/TerminalMACS.ManagerForWPF: https://gitee.com/dotnet9/TerminalMACS.ManagerForWPF

[3]

.NET 5: https://dotnet.microsoft.com/download/dotnet/5.0?utm_source=dotnet-website&utm_medium=banner&utm_campaign=preview5-banner

[4]

Prism 8: https://github.com/PrismLibrary/Prism

[5]

MaterialDesignInXamlToolkit: https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit

[6]

HandyControl: https://github.com/HandyOrg/HandyControl

[7]

PanuonUI.Silver: https://github.com/Panuon/PanuonUI.Silver

[8]

AduSkin: https://github.com/aduskin/AduSkin

[9]

pie-doughnut: https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut

[10]

Dotnet9: https://dotnet9.com

[11]

C# WPF Material Design UI: Login Window: https://www.youtube.com/watch?v=gBR1mbMEPnk

[12]

Login2: https://github.com/Abel13/Login2

[13]

C# WPF Material Design UI: Login Window: https://www.youtube.com/watch?v=9Y2EvautQnM

[14]

Login1: https://github.com/Abel13/Login1

[15]

WPF Food App Login UI Material Design [Speed Design]: https://www.youtube.com/watch?v=1i5oWNvIYmo

[16]

C# WPF Material Design UI: Animated Colorful Navigation Drawer: https://www.youtube.com/watch?v=PQFyoKKfstM

[17]

AnimatedColorfulMenu: https://github.com/Abel13/AnimatedColorfulMenu

[18]

C# WPF Material Design UI: Fast Food Sales: https://www.youtube.com/watch?v=VNYOKc1PLqA&t=24s

[19]

Pizzaria1: https://github.com/Abel13/Pizzaria1

[20]

C# WPF Material Design UI: Animated Menu: https://www.youtube.com/watch?v=yrnE2Aah4B4&t=23s

[21]

AnimatedMenu1: https://github.com/Abel13/AnimatedMenu1

[22]

WPF Dashboard UI – Material Design [Speed Design]: https://www.youtube.com/watch?v=h962rCLfGuA&t=282s

[23]

WPF-Dashboard-UI-Material-Design-Concept: https://github.com/vasanthmes/WPF-Dashboard-UI-Material-Design-Concept

[24]

WPF Dashboard UI – Material Design [Speed Design]: https://www.youtube.com/watch?v=h962rCLfGuA&t=282s

[25]

WPF-Dashboard-UI-Material-Design-Concept: https://github.com/vasanthmes/WPF-Dashboard-UI-Material-Design-Concept

[26]

pie-doughnut: https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut

[27]

C# WPF Material Design UI: Redesign Instagram: https://www.youtube.com/watch?v=X-FcXgDnglA&t=39s

[28]

Instagram: https://github.com/Abel13/Instagram

[29]

dotnet9: https://dotnet9.com/7026.html

[30]

dotnet9: https://dotnet9.com/7026.html

[31]

C# WPF Material Design UI: Dashboard: https://www.youtube.com/watch?v=sgEhK3mbDYo&t=26s

[32]

Dashboard: https://github.com/Abel13/Dashboard1

[33]

C# WPF Design UI – 1/3 – Contact List: https://www.youtube.com/watch?v=SzPj59ioTNc

[34]

C# WPF Design UI – 2/3 – Profile: https://www.youtube.com/watch?v=wkoXTj2UgzM

[35]

C# WPF Design UI – 3/3 – Chat: https://www.youtube.com/watch?v=834UHMisrxw&t=25s

[36]

Chat: https://github.com/Abel13/Chat/tree/chat/Chat

[37]

Calcalator: https://www.youtube.com/watch?v=G76O79eLcKM

关注Dotnet9，分享更多好文

如果本文对你有用，

不妨点个“在看”或者转发朋友圈