【Maui正式版】創建可跨平台的Maui程式,以及有關依賴注入、MVVM雙向綁定的實現和演示

 

前言:Maui終於在昨天(2022年8月9日)推送出來了。今兒就迫不及待來把玩一下先。

A、我本地已有VS2022,不過版本比較老,此處選擇更新。工具 -> 獲取功能和更新裡面,可以獲取到新版本更新。

 

B、最新版本是17.3.0,我本地只有17.1.1,選擇 更新。

 

C、讓網路飛一會兒。

 

1、更新完畢,打開VS,創建一個新的Maui項目(.NET MAUI應用)

 

2、創建成功以後,右邊可以看到如圖所示的起始項目。Platforms裡面,是該項目支援的平台環境類型,包括Android、蘋果、windows桌面等。

 

 

3、直接運行,走一個。默認情況下,啟動為Windows桌面客戶端APP的形式。

 

4、項目的一些層級關係,如圖所示。App構造函數裡面,指定了主頁為AppShell;AppShell裡面又重定向到MainPage,MainPage設計器與業務交互程式碼裡面,有一個點擊事件。

 

5、VS工具欄有一排工具,可以用來配置模擬運行環境的。

 

6、比如說,此處我配置了一個默認的模擬器。

 

7、配置好以後,運行裡面就可以選擇該模擬器了。

 

8、右鍵,默認情況下,可能都勾選了Android和iOS,沒有iOS模擬設備,就去掉該選項。

 

9、然後直接運行,會看到提示,顯示正在部署到 xxx模擬器上。前提可能需要電腦開啟虛擬化,沒開啟的,可以參考我的另一篇文章進行開啟虛擬化://www.cnblogs.com/weskynet/p/14825081.html

 

10、運行以後的效果,如圖所示。顯示內容與桌面端是一樣的,相當於一套同樣的程式碼,多端可以同時跑。

【注意事項】Maui項目路徑必須不能含有中文,否則可能會提示找不到文件 ,或者 APT 2000 錯誤之類的等等。

 

11、測試一下點擊按鈕,搞個斷點,走一波,嘿,還真的進來了。

12、新建一個Maui頁面,此處就叫Wesky,在裡面寫點小內容。同時把App構造函數裡面的主頁改成我自己的新建頁,然後走一波。

 

13、然後此處新建一個button按鈕,搞一個彈窗測試下效果。

 

14、然後,測試一下依賴注入的效果。新建一個Test類以及介面ITest,裡面寫一個GetString方法,用來返回一個字元串。然後在Program裡面,進行依賴注入註冊,然後在App構造函數裡面進行注入,可以看到進入構造函數裡面了,並且可以獲取到實例,說明依賴注入是生效的。

 

15、Maui和WPF可謂幾乎是同卵雙胞胎,所以肯定也可以支援MVVM模式啦~~ 新建一個WeskyViewModel,同時也在裡面進行構造函數注入ITest介面,然後開發一個點擊事件的綁定方法ClickCommand,用來測試MVVM的事件的雙向綁定。點擊以後,進行彈窗,彈出Test裡面的獲取字元串的提示資訊,同時做一波Maui自帶的依賴注入+MVVM模式的同時驗證的效果。

16、Wesky.cs文件裡面(設計器程式碼文件),構造函數添加WeskyViewModel的注入,然後對BindingContext賦值為注入的參數實例,用來提供對MVVM的雙向綁定的關聯。

 

17、Wesky.Xaml設計器文件裡面,原來的Click事件幹掉,改成Command進行綁定剛才定義的ClickCommand方法,用來測試MVVM雙向綁定的效果。

 

18、App的構造函數裡面,對Wesky頁面進行注入,然後把實例賦值給MainPage,用於依賴注入的實例傳遞。

 

19、最後,在Program裡面,添加Wesky頁面和ViewModel的註冊。註冊的生命周期,可以根據自己的實際情況進行選擇,包括Singleton、Scoped、Transient,跟傳統的.NET 6的註冊方式一致。

 

20、然後,運行一下,程式在模擬器裡面運行,然後點擊按鈕以後,效果如圖所示。說明依賴注入+MVVM同時驗證都通過了。

 

21、模擬器運行以後,在根目錄下,會有對應生成的apk文件,可以拿來安裝使用。一個是沒有簽名版本,一個是簽名版本。

 

22、拷到我的老古董華為鴻蒙系統的手機上,試著安裝一下。

23、尷尬了,沒成功。沒成功的可能性,大概率可能是跟華為的麒麟晶片是基於arm架構的,而模擬器是非arm架構的。以下失敗原因,只是其中之一。

 

24、選擇一個arm架構的模擬器,再創建一個,走一波

 

25、由於本機系統環境原因,沒能啟動arm架構的模擬器,所以暫告失敗~~

 

26、最後,不用模擬器運行,直接當作Windows桌面程式走一波,效果如圖所示。

 

27、以上就是該文章的全部內容,大佬們如果覺得有幫助,歡迎推薦、留言。也歡迎大佬們感興趣的,也可關注我的個人公眾號:微信公眾號搜索【Dotnet Dancer】即可關注。

 如果對.NET技術比較感興趣,也喜歡吹牛聊天,也可以在該文章【//www.cnblogs.com/weskynet/p/16573873.html】最下方,點擊加入QQ群,一起吹牛一起談人生~