1. 程式人生 > >.NET 5 嚐鮮 - 開源專案TerminalMACS WPF管理端支援.NET 5

.NET 5 嚐鮮 - 開源專案TerminalMACS WPF管理端支援.NET 5

# .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)