譯 | .NET Multi-platform App UI 多平臺應用 UI 框架簡介

語言: CN / TW / HK

導語

現在可以使用 .NET 構建一切應用。富有生產力的 .NET 是當前數百萬的開發者選擇這個平臺的理由。在 .NET 5 微軟統一了整個 .NET 平臺,將 .NET Core 和 Mono 以及基於 Mono 的 Xamarin 放在一起,於是就可以使用相同的一個 BCL 基礎庫和 SDK 工具鏈

當咱在考慮如何在 .NET 上構建一個跨平臺應用的時候,需要關注的裝置和系統包括 Windows 系統和裝置和 Android 和 iOS 和 macOS 等。為了滿足多平臺開發的需求,微軟改名部推出了一個新的 UI 框架叫 .NET Multi-platform App UI 簡稱 .NET MAUI 框架

讓我們向您介紹 .NET MAUI 是什麼,如何做到延續單個技術棧的經驗,使用現代的開發模式,以及這項技術未來的發展趨勢

什麼是 .NET MAUI 框架

其實 .NET MAUI 是延續具有 6 年曆史的 Xamarin.Forms 工具包的框架,可以理解為這個動作是改名部大法的行為。很多年以來,都有很多商業公司,如這個連結 https://dotnet.microsoft.com/apps/xamarin/customers 列舉出來的公司,都在使用 Xamarin 用 .NET 來構建自己的業務,這對於 .NET MAUI 來說是一個特別好的開始。它在幫助小型企業最大化其 95% 以上程式碼共享的開發資源並擊敗競爭對手進入市場方面也非常成功。.NET MAUI 將這一成功擴充套件到了移動裝置上,從而囊括了桌面裝置,這是在兩者之間構建多平臺應用程式的最佳方法,尤其是我們的新裝置,例如新的Surface Duo 裝置

使用 .NET MAUI 簡化了 .NET 開發人員的技術選擇,提供了一個技術棧來支援所有現代工作開發如:Android,iOS,macOS和Windows平臺的開發。每個平臺和UI控制元件的本機功能都可以通過一個簡單的跨平臺API觸手可及,您可以在提供不妥協的使用者體驗的同時共享比以前更多的程式碼

單一專案開發體驗

.NET MAUI 的構建考慮了開發人員的生產力,包括開發人員需要的專案系統和跨平臺工具。.NET MAUI 框架將專案結構簡化為一個針對多個平臺的專案。這意味著您只需單擊一下滑鼠,便可以輕鬆地將其部署到所需的任何目標,包括桌上型電腦,模擬器,模擬器或物理裝置。使用內建的跨平臺資源,您可以將任何影象,字型或翻譯檔案新增到單個專案中,並且 .NET MAUI 將自動設定本機掛鉤,以便您可以進行編碼。最後,您將始終可以訪問本機底層作業系統API,在通過特定於新平臺的整合可以讓開發比以往更加輕鬆。在特定平臺下,可以新增針對特定平臺的程式碼用來訪問平臺相關的本地 API 介面。使用 .NET MAUI 可以讓所有開發精力保持在一個地方,統一的技術棧的開發經驗可以不斷深耕提升生產力

如上圖所示,這提供了:

  • 一個針對多個平臺和裝置的專案

  • 一個位置來管理字型和影象等資源

  • 多目標組織您特定於平臺的程式碼

在 2020.05.19 這一天,微軟的 Scott Hanselman 將在 Build 線上大會上的 《通往一個.NET的旅程》 這一節進行演示,來告訴大家如何使用 MAUI 讓所有平臺都在您的控制範圍之內

現代的應用程式開發模式

.NET的願景的一部分是在開發人員的個人喜好方面為開發人員提供選擇,以便使用.NET可以提高工作效率。無論是使用哪個版本的 IDE 如 Visual Studio 2019,Visual Studio for Mac甚至是 Visual Studio Code 工具,.NET MAUI 將在所有這些版本中可用,並支援現有的MVVM和XAML模式以及將來的功能,例如使用C#構建Blazor的Model-View-Update(MVU)模式

Model-View-ViewModel (MVVM) 和 XAML 是幾十年來 .NET 客戶端開發人員的主要的開發模式,這也是 .NET MAUI 中的一大特性,將在 .NET MAUI 中繼續延續,以幫助您高效地構建和維護生產應用程式。

<StackLayout>

<Label Text="Welcome to .NET MAUI!" />

<Button Text="{Binding Text}"

Command="{Binding ClickCommand}" />

</StackLayout>

public Command ClickCommand { get; }

public string Text { get; set; } = "Click me";

int count = 0;

void ExecuteClickCommand ()

{

count++;

Text = $"You clicked {count} times.";

}

此外,微軟支援開發人員使用 Model-View-Update (MVU) 模式開發,以及編寫流暢的 C# UI 應用。MVU 是一個新的開發模式,特點是促進資料和狀態管理的單向流程,以及通過僅應用必要的更改來快速更新UI的程式碼優先開發模式。更多關於 MVU 開發模式,請看 Elm 大佬的程式設計指南 https://elmprogramming.com/model-view-update-part-1.html 以及 Thomas Bandt 的 https://thomasbandt.com/model-view-update 部落格

下面是用.NET MAUI編寫的MVU模式的基礎計數器示例。

readonly State<int> _count = 0;

[Body]

View Body() => new StackLayout

{

new Label("Welcome to .NET MAUI!"),

new Button

(

() => $"You clicked {_count} times.",

() => _count.Value ++

)

};

上面程式碼和官方的有些不同,不過德熙認為官方的程式碼也許不對

這種模式非常適合熱過載,如下面所示,它具有從 C# 即時熱過載新增樣式,漸變和字型等功能

無論是 MVVM 還是 MVU 模式都提供相同的本機應用程式,效能和平臺保真度。開發人員可以依據以及的喜好選擇適合的方式

從 Xamarin.Forms 過渡到 .NET MAUI 框架

畢竟這是微軟改名部大法的行動,現在 Xamarin.Forms 開發人員可以使用使用他們已經瞭解和喜愛的所有相同控制元件和API在 .NET MAUI新專案中執行。隨著我們越來越接近 .NET MAUI 的釋出,為了幫助開發人員將現有應用平穩地過渡到 .NET MAUI,微軟打算提供類似於我們今天遷移到 .NET Core 的嘗試轉換支援和遷移指南

.NET MAUI 時間線

微軟將在今年晚些時候開始釋出 .NET MAUI 預覽版,並於2021年11月開始提供 .NET 6 的總體可用性。而 .NET MAUI 將以 Xamarin.Forms 所採用的相同的6週一次的節奏進行釋出。微軟已經在GitHub上釋出了MAUI路線圖,並邀請您今天就加入咱 .NET 大陣營!

在 GitHub 上的路線圖請看 https://github.com/dotnet/maui/wiki/Roadmap

Xamarin和Xamarin.Forms的未來是什麼

作為咱.NET統一的一部分,Xamarin.iOS和 Xamarin.Android 將作為.NET for iOS和.NET for Android成為.NET 6的一部分。由於這些繫結是Apple和Google發行的SDK的對映,因此此處沒有任何更改,但是將更新的構建工具,目標框架別名和執行時框架別名,以匹配所有其他.NET 6工作負載。微軟致力於為.NET開發人員提供最新的移動SDK的最新版的支援,這是.NET MAUI的基礎,並且始終如一。當.NET 6發行時,微軟期望以其當前形式發行 Xamarin SDK 的最終版本,並將提供一年的支援服務。此後的所有工作都將轉移到.NET 6中

Xamarin.Forms將於今年晚些時候釋出新的主版本,並繼續在2021年11月通過.NET 6 GA每6周釋出次要版本和服務版本。Xamarin.Forms的最終版本將在交付後的一年內提供服務,並且所有現代產品都將轉移到.NET MAUI。

立即參與

通過全新的開原始碼倉庫 https://github.com/dotnet/maui,與全世界的 .NET 開發者一起踏上.NET MAUI的旅程。歡迎小夥伴給這個專案點星星以關注這個專案的更新和通知,也歡迎小夥伴在 Issus 上討論。這將是合併 Xamarin 和 Xamarin.Forms 到 .NET 核心中的漫長旅程的開始,微軟很高興與您一起開放的進行開發

官方原文:https://devblogs.microsoft.com/dotnet/introducing-net-multi-platform-app-ui/