Home未分类.NET 5 尝鲜 – 开源项目TerminalMACS WPF管理端支持.NET 5

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

2014 年 4 月 8 日

点击上方“ 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

  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]

计算器
[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，分享更多好文

如果本文对你有用，

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

:point_down: 点击阅读原文，分享本文markdown格式文件原文

Related Posts

About The Author

hellowo