vlambda博客
学习文章列表

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


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


聊天界面设计
.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. 关于

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

5.2. 首页模块

正在开发中...

5.3. 服务端模块

正在开发中...

5.4. 客户端模块

正在开发中...

5.5. 测试案例

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

登录注册分类 1

  1. 简单登录窗体设计1

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

参考源码：Login2[12]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
简单登录窗体设计1
  1. 简单登录窗体设计2

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

参考源码：Login1[14]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
简单登录窗体设计2
  1. 美食应用登录

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

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
美食应用登录

菜单类 2

  1. 抽屉式菜单

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

参考源码：AnimatedColorfulMenu[17]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
抽屉式菜单
  1. 菜单切换用户控件

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

参考源码：Pizzaria1[19]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
菜单切换用户控件
  1. 菜单切换动画

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

参考源码：AnimatedMenu1[21]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
菜单切换动画

其他界面设计 3

  1. 移动应用仪表盘

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

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

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
移动应用仪表盘
  1. 简易仪表盘2

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

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

ECharts：pie-doughnut[26]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
简易仪表盘2
  1. Instagram重新设计

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

参考源码：Instagram[28]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
Instagram重新设计
  1. LoLGoal

参考视频：dotnet9[29]

参考源码：dotnet9[30]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
LoLGoal
  1. 简易音乐播放器1

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

参考源码：Dashboard[32]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
简易音乐播放器1
  1. 百度地图

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

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
百度地图
  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]

.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
聊天界面设计
  1. 计算器

参考视频：

  • Calcalator [37]
.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
计算器
[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，分享更多好文
如果本文对你有用，
不妨点个“在看”或者转发朋友圈

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

推荐阅读

真女神转生5：复仇 正式版替换包 试玩版游玩完整游戏方法 真女神转生5：复仇 正式版替换包 试玩版游玩完整游戏方法
虚拟机上CentOS静态IP配置 虚拟机上CentOS静态IP配置

相关文章