dotnet Multi-platform App UI 多平臺應用 UI 框架簡介

如今可使用 .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）模式

MVVM

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.";
}

MVU

此外，微軟支持開發人員使用 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 核心中的漫長旅程的開始，微軟很高興與您一塊兒開放的進行開發

大佬的翻譯博客：[翻譯] .NET 官宣跨平臺 UI 框架 MAUI - hez2010 - 博客園

官方文章請看 Introducing .NET Multi-platform App UI