.NET 5 嚐鮮 - 開源專案TerminalMACS WPF管理端支援.NET 5
阿新 • • 發佈:2020-06-22
# .NET 5 嚐鮮 - 開源專案TerminalMACS WPF管理端支援.NET 5
![聊天介面設計](https://static01.imgkr.com/temp/98de57bafea94c10814850e6c6cd0472.png)
![TerminalMACS](https://static01.imgkr.com/temp/3ba77d21dc8140d39b19f357b57abe08.png)
一個使用 Prism 作為模組化框架、基於多個開源控制元件庫作為UI控制元件選擇、整合開源 UI 介面設計的 .NET 5 WPF 客戶端專案。
- 專案名稱:TerminalMACS WPF管理端
- 專案開源地址:
- Github:[https://github.com/dotnet9/TerminalMACS.ManagerForWPF](https://github.com/dotnet9/TerminalMACS.ManagerForWPF "https://github.com/dotnet9/TerminalMACS.ManagerForWPF")
- Gitee:[https://gitee.com/dotnet9/TerminalMACS.ManagerForWPF](https://gitee.com/dotnet9/TerminalMACS.ManagerForWPF "https://gitee.com/dotnet9/TerminalMACS.ManagerForWPF")
- 作者:Dotnet9
## 1. 特性
- 使用 [.NET 5](https://dotnet.microsoft.com/download/dotnet/5.0?utm_source=dotnet-website&utm_medium=banner&utm_campaign=preview5-banner ".NET 5") 開發,體驗最新 .NET 平臺(和 .NET Core 3.1 無縫相容)
>.NET 5 是 .NET Framework 和 .NET Core 的未來,最終將成為一個統一平臺,.NET5將包含ASP.NET核心、實體框架核心、WinForms、WPF、Xamarin 和 ML.NET。
- 基於 [Prism 8](https://github.com/PrismLibrary/Prism "Prism 8") 搭建模組化框架,方便程式擴充套件
>Prism為程式設計提供指導,旨在幫助使用者更加容易的設計和構建豐富、靈活、易於維護WPF桌面應用程式。Prism使用設計模式(如MVVM,複合檢視,事件聚合器),幫助你建立一個鬆耦合的程式。遵循這些設計模式原則,將目標程式解耦成獨立的模組。這些型別的應用程式被稱為複合應用程式。
- 已使用或即將使用到多個開源WPF控制元件庫
- [MaterialDesignInXamlToolkit](https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit "MaterialDesignInXamlToolkit")
- [HandyControl](https://github.com/HandyOrg/HandyControl "HandyControl")
- [PanuonUI.Silver](https://github.com/Panuon/PanuonUI.Silver "PanuonUI.Silver")
- [AduSkin](https://github.com/aduskin/AduSkin "AduSkin")。
參考以上多種開源 WPF UI 庫,多個選擇,開發 WPF 專案更方便。
- ECharts
介面設計有使用到ECharts,使用WPF WebBrowser控制元件載入html的方式
ECharts:[pie-doughnut](https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut "pie-doughnut")
- 本地化支援
- 動態國際化支援
- 支援主題色動態切換
## 2. 支援環境
- .NET 5.0。
## 3. 當前版本
0.1
## 4. 連結
- 官方網站:[Dotnet9](https://dotnet9.com "Dotnet9")
## 5. 專案介面截圖
### 5.1. 關於
![關於TerminalMACS](https://static01.imgkr.com/temp/3a48c93c523945e89574c20cc50f4f17.png)
### 5.2. 首頁模組
正在開發中...
### 5.3. 服務端模組
正在開發中...
### 5.4. 客戶端模組
正在開發中...
### 5.5. 測試案例
收集全球優秀的開源WPF介面設計,實時收集、實時新增更新,下面是部分例項截圖:
**登入註冊分類 1**
1. 簡單登入窗體設計1
參考視訊:[C# WPF Material Design UI: Login Window](https://www.youtube.com/watch?v=gBR1mbMEPnk "C# WPF Material Design UI: Login Window")
參考原始碼:[Login2](https://github.com/Abel13/Login2 "Login2")
![簡單登入窗體設計1](https://static01.imgkr.com/temp/597c82935cbc4f03950c405595b337e2.png)
2. 簡單登入窗體設計2
參考視訊:[C# WPF Material Design UI: Login Window](https://www.youtube.com/watch?v=9Y2EvautQnM "C# WPF Material Design UI: Login Window")
參考原始碼:[Login1](https://github.com/Abel13/Login1 "Login1")
![簡單登入窗體設計2](https://static01.imgkr.com/temp/ce64cb207dc74db08d55f5a9aab574ab.png)
3. 美食應用登入
參考視訊:[WPF Food App Login UI Material Design [Speed Design]](https://www.youtube.com/watch?v=1i5oWNvIYmo "WPF Food App Login UI Material Design [Speed Design]")
![美食應用登入](https://static01.imgkr.com/temp/89a5b404cae94d8ca92b168241078b30.gif)
**選單類 2**
1. 抽屜式選單
參考視訊:[C# WPF Material Design UI: Animated Colorful Navigation Drawer](https://www.youtube.com/watch?v=PQFyoKKfstM "C# WPF Material Design UI: Animated Colorful Navigation Drawer")
參考原始碼:[AnimatedColorfulMenu](https://github.com/Abel13/AnimatedColorfulMenu "AnimatedColorfulMenu")
![抽屜式選單](https://static01.imgkr.com/temp/603f579a9bc24aeeb58f9b4901ffc588.gif)
2. 選單切換使用者控制元件
參考視訊:[C# WPF Material Design UI: Fast Food Sales](https://www.youtube.com/watch?v=VNYOKc1PLqA&t=24s "C# WPF Material Design UI: Fast Food Sales")
參考原始碼:[Pizzaria1](https://github.com/Abel13/Pizzaria1 "Pizzaria1")
![選單切換使用者控制元件](https://static01.imgkr.com/temp/41a29837475c45a7aac9ca1acafa3f95.gif)
3. 選單切換動畫
參考視訊:[C# WPF Material Design UI: Animated Menu](https://www.youtube.com/watch?v=yrnE2Aah4B4&t=23s "C# WPF Material Design UI: Animated Menu")
參考原始碼:[AnimatedMenu1](https://github.com/Abel13/AnimatedMenu1 "AnimatedMenu1")
![選單切換動畫](https://static01.imgkr.com/temp/b25f10392114424988bb7203953a4e77.gif)
**其他介面設計 3**
1. 移動應用儀表盤
參考視訊:[WPF Dashboard UI – Material Design [Speed Design]](https://www.youtube.com/watch?v=h962rCLfGuA&t=282s "WPF Dashboard UI – Material Design [Speed Design]")
參考原始碼:[WPF-Dashboard-UI-Material-Design-Concept](https://github.com/vasanthmes/WPF-Dashboard-UI-Material-Design-Concept "WPF-Dashboard-UI-Material-Design-Concept")
![移動應用儀表盤](https://static01.imgkr.com/temp/3bd88f75cf7c4cf080f4579778d7150e.gif)
2. 簡易儀表盤2
參考視訊:[WPF Dashboard UI – Material Design [Speed Design]](https://www.youtube.com/watch?v=h962rCLfGuA&t=282s "WPF Dashboard UI – Material Design [Speed Design]")
參考原始碼:[WPF-Dashboard-UI-Material-Design-Concept](https://github.com/vasanthmes/WPF-Dashboard-UI-Material-Design-Concept "WPF-Dashboard-UI-Material-Design-Concept")
ECharts:[pie-doughnut](https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut "pie-doughnut")
![簡易儀表盤2](https://static01.imgkr.com/temp/a88e1b7b97e34604b3bf133d65c44313.gif)
3. Instagram重新設計
參考視訊:[C# WPF Material Design UI: Redesign Instagram](https://www.youtube.com/watch?v=X-FcXgDnglA&t=39s "C# WPF Material Design UI: Redesign Instagram")
參考原始碼:[Instagram](https://github.com/Abel13/Instagram "Instagram")
![Instagram重新設計](https://static01.imgkr.com/temp/0adf7e8d3ae64cc08735e38c9bd539ca.gif)
4. LoLGoal
參考視訊:[dotnet9](https://dotnet9.com/7026.html "dotnet9")
參考原始碼:[dotnet9](https://dotnet9.com/7026.html "dotnet9")
![LoLGoal](https://static01.imgkr.com/temp/7b373161c54a4840a6333ca4887185df.gif)
5. 簡易音樂播放器1
參考視訊:[C# WPF Material Design UI: Dashboard](https://www.youtube.com/watch?v=sgEhK3mbDYo&t=26s "C# WPF Material Design UI: Dashboard")
參考原始碼:[Dashboard](https://github.com/Abel13/Dashboard1 "Dashboard")
![簡易音樂播放器1](https://static01.imgkr.com/temp/41ec78a699604fd8945215602ae3937c.png)
6. 百度地圖
通過WPF WebBrowser控制元件載入html5檔案的形式載入百度地圖,使用JavaScript與C#互操作實現地圖互動。
![百度地圖](https://static01.imgkr.com/temp/a5d1abf19a544f689591a72dcdb9a7e0.gif)
7. 聊天介面設計
參考視訊:
- [C# WPF Design UI – 1/3 – Contact List](https://www.youtube.com/watch?v=SzPj59ioTNc "C# WPF Design UI – 1/3 – Contact List")
- [C# WPF Design UI – 2/3 – Profile](https://www.youtube.com/watch?v=wkoXTj2UgzM "C# WPF Design UI – 2/3 – Profile")
- [C# WPF Design UI – 3/3 – Chat](https://www.youtube.com/watch?v=834UHMisrxw&t=25s "C# WPF Design UI – 3/3 – Chat")
參考原始碼:[Chat](https://github.com/Abel13/Chat/tree/chat/Chat "Chat")
![聊天介面設計](https://static01.imgkr.com/temp/5a8d62fc81664aba975247b6ec3469aa.gif)
8. 計算器
參考視訊:
- [Calcalator](https://www.youtube.com/watch?v=G76O79eLcKM "Calcalator")
![計算器](https://static01.imgkr.com/temp/db5a9819b9b147e2852b2b8a27dd2da1.gif)