Dotnet9-com

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

聊天界面设计

TerminalMACS

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

1. 特性

  • 使用 .NET 5 开发,体验最新 .NET 平台(和 .NET Core 3.1 无缝兼容)

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

  • 基于 Prism 8 搭建模块化框架,方便程序扩展

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

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

  • ECharts

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

ECharts:pie-doughnut

  • 本地化支持

  • 动态国际化支持

  • 支持主题色动态切换

2. 支持环境

  • .NET 5.0。

3. 当前版本

0.1

4. 链接

5. 项目界面截图

5.1. 关于

关于TerminalMACS

5.2. 首页模块

正在开发中...

5.3. 服务端模块

正在开发中...

5.4. 客户端模块

正在开发中...

5.5. 测试案例

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

登录注册分类 1

  1. 简单登录窗体设计1

参考视频:C# WPF Material Design UI: Login Window

参考源码:Login2

简单登录窗体设计1

  1. 简单登录窗体设计2

参考视频:C# WPF Material Design UI: Login Window

参考源码:Login1

简单登录窗体设计2

  1. 美食应用登录

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

美食应用登录

菜单类 2

  1. 抽屉式菜单

参考视频:C# WPF Material Design UI: Animated Colorful Navigation Drawer

参考源码:AnimatedColorfulMenu

抽屉式菜单

  1. 菜单切换用户控件

参考视频:C# WPF Material Design UI: Fast Food Sales

参考源码:Pizzaria1

菜单切换用户控件

  1. 菜单切换动画

参考视频:C# WPF Material Design UI: Animated Menu

参考源码:AnimatedMenu1

菜单切换动画

其他界面设计 3

  1. 移动应用仪表盘

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

参考源码:WPF-Dashboard-UI-Material-Design-Concept

移动应用仪表盘

  1. 简易仪表盘2

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

参考源码:WPF-Dashboard-UI-Material-Design-Concept

ECharts:pie-doughnut

简易仪表盘2

  1. Instagram重新设计

参考视频:C# WPF Material Design UI: Redesign Instagram

参考源码:Instagram

Instagram重新设计

  1. LoLGoal

参考视频:dotnet9

参考源码:dotnet9

LoLGoal

  1. 简易音乐播放器1

参考视频:C# WPF Material Design UI: Dashboard

参考源码:Dashboard

简易音乐播放器1

  1. 百度地图

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

百度地图

  1. 聊天界面设计

参考视频:

参考源码:Chat

聊天界面设计

  1. 计算器

参考视频:

计算器

相关文章: