WinUI(WASDK)項目實踐——優雅的開發上位機應用(新)

摘要

這就是一個記錄自己進行WinUI項目實踐的部落格,項目開源地址如下,覺得有幫助的可以去看看,因為項目都開源了,所以保姆級的講解肯定不如直接看程式碼來的實在了。

電子腦殼項目地址

為什麼叫新

因為之前發過一篇講開發上位機應用的部落格,所以作為區分就把這篇成為新的一篇了,微軟最新的windows應用開發框架是WindowsAppSDK這個大家都有聽說過,當然大家實際項目中使用的多不多就不知道了。

有人說WPF還能再戰很多年,對於我來說,我剛做客戶端開發的時候接觸的就是UWP,現在要我返回去做WPF我感覺有點不習慣,當然做Winform的話我還能適應。言歸正傳,年輕人都喜歡新事物,所以我也不例外就拿最新的框架上手了。

項目實踐和DEMO的區別

項目實踐個人感覺是要做一套有正常操作流程的應用,並且保證大多數的場景下都不會出異常,這樣用起來才能像個正常軟體一樣,要是demo的話肯定就是只是分單元的驗證某個功能的正常與否。

在框架選定之後,肯定就是進行功能的拆分,方案的查找驗證,然後再進行程式碼的編寫。

以我寫的電子腦殼應用為例分析

分析圖

功能列表

  • 時間顯示
  • 動作控制
  • 人臉數據展示和表情識別

需要驗證的功能

  • 攝影機的操作
  • usb讀寫

這些都考量好了,就可以進行實際的開發了。

實踐中遇到的一些挑戰

1. 攝影機幀處理事件

先來一張應用首頁圖

應用首頁

這個電子腦殼的應用已經開源了,項目地址

就是在我使用社區工具包了里的相機幫助類處理相機的幀到達事件時,本來在uwp里正常的程式碼,放到WinUI里就會莫名的失效,現象就是幀到達事件不會持續觸發了,這個問題我在翻閱uwp的文檔的時候好像文檔中有提到,大概是如下的問題,我想這個應該在WinUI里應該也有同樣的問題。

問題備註

所以我就找了官方的DEMO進行驗證,終於把uwp的程式碼遷移到WinUI之後驗證了這個問題。

遷移後的攝影機操作demo地址如下 項目地址

DEMO圖如下
DEMO圖

2. 串口連接觸發事件

之前我在UWP里用的好好的程式碼,放到WinUI項目的時候怎麼都不觸發了,我以為WinUI有BUG就沒管了,直到後來看到了官方文檔,才發現自己一直都忘了調用這個Start方法,表示很丟人。

img

之所以需要這個功能,是因為我想實現設備的熱插拔功能,這樣拔掉插上設備就不用重啟應用了。

臨時方案的處理

對於攝影機幀觸發事件的臨時方案我選擇了用OpenCVSharp處理攝影機的數據,然後再處理幀 將幀轉化成SoftwareBitmap然後再用windows AI庫進行表情識別。

用起來感覺也還可以就是有些消耗CPU資源。

其他的一些小問題,因為WinUI是基於.net6運行的,所以.net的庫基本上都能使用,而且WinUI應用許可權比UWP高多了,可以隨心所欲的做一些事情,所以解決起來也是很容易的。

心得感悟

WinUI雖不完美,但是未來可期,希望微軟的團隊能夠好好的完善這個框架,不能像UWP那樣半死不活。

還有在做項目實踐的時候,框架選定好了,一定不要反覆橫跳,要想辦法解決問題,而不是換框架,方法肯定有很多,需要我們認真閱讀文檔和找到一些使用方式,即使官方確實不支援,我們也可以回饋給官方,或者自己參與貢獻,這樣也會促進框架的完善。

特別鳴謝以及參考推薦文檔

感謝dino.c大佬的一個番茄鍾,因為我的錶盤其實就是抄他番茄鐘的程式碼。

感謝h哥火火給的一些思路。

當然還要感謝超超,畢竟有些程式碼還是抄他的。

參考推薦文檔如下

一個番茄鍾

Win2D samples

opencvsharp

WindowsAppSDK

WindowsCommunityToolkit

ElectronBot

ElectronBot.DotNet

LibUsbDotNet

Tags: