.NET 5 嘗鮮 – 開源項目TerminalMACS WPF管理端支援.NET 5

.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. 計算器

參考影片:

計算器