前言:Maui終於在昨天(2022年8月9日)推送出來了。今兒就迫不及待來把玩一下先。 A、我本地已有VS2022,不過版本比較老,此處選擇更新。工具 -> 獲取功能和更新裡面,可以獲取到新版本更新。 B、最新版本是17.3.0,我本地只有17.1.1,選擇 更新。 C、讓網路飛一會兒。 1、更新完 ...
前言:Maui終於在昨天(2022年8月9日)推送出來了。今兒就迫不及待來把玩一下先。
A、我本地已有VS2022,不過版本比較老,此處選擇更新。工具 -> 獲取功能和更新裡面,可以獲取到新版本更新。
B、最新版本是17.3.0,我本地只有17.1.1,選擇 更新。
C、讓網路飛一會兒。
1、更新完畢,打開VS,創建一個新的Maui項目(.NET MAUI應用)
2、創建成功以後,右邊可以看到如圖所示的起始項目。Platforms裡面,是該項目支持的平臺環境類型,包括安卓、蘋果、windows桌面等。
3、直接運行,走一個。預設情況下,啟動為Windows桌面客戶端APP的形式。
4、項目的一些層級關係,如圖所示。App構造函數裡面,指定了主頁為AppShell;AppShell裡面又重定向到MainPage,MainPage設計器與業務交互代碼裡面,有一個點擊事件。
5、VS工具欄有一排工具,可以用來配置模擬運行環境的。
6、比如說,此處我配置了一個預設的模擬器。
7、配置好以後,運行裡面就可以選擇該模擬器了。
8、右鍵,預設情況下,可能都勾選了安卓和iOS,沒有iOS模擬設備,就去掉該選項。
9、然後直接運行,會看到提示,顯示正在部署到 xxx模擬器上。前提可能需要電腦開啟虛擬化,沒開啟的,可以參考我的另一篇文章進行開啟虛擬化:https://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技術比較感興趣,也喜歡吹牛聊天,也可以在該文章【https://www.cnblogs.com/weskynet/p/16573873.html】最下方,點擊加入QQ群,一起吹牛一起談人生~
歡迎加入QQ群: 群號:1079830632