.NET MAUI Community Toolkit 中的新增功能

微軟技術棧發表於2022-12-20

對於 .NET MAUI Community Toolkit 來說,11月是一個繁忙的時期,它釋出了多個版本,其中包含大量令人驚歎的新功能。最新版本具有新的檢視、佈局、Tizen 支援、.NET 7 支援等等。這篇文章帶你快速瞭解所有新功能。

什麼是 .NET Community Toolkit?

對於那些不熟悉 .NET MAUI Community Toolkit 的人來說,它是一個社群建立的庫,其中包含擴充套件、高階 UI/UX 控制元件、轉換器和 Behaviors,可幫助您更輕鬆地成為 .NET MAUI 開發人員。它是免費和開源的,由 .NET MAUI 開發者為 .NET MAUI 開發人員建立。

讓我們深入瞭解最新發布的 .NET MAUI Community Toolkit 中的一些重要新功能。

擴充套件檢視

擴充套件檢視是一個容器控制元件,它提供了一種在點選標題時展開和摺疊可視內容的方法。該控制元件由頭部和內容兩部分組成。透過點選 Expander.Header 或透過設定 IsExpanded 可繫結屬性來顯示或隱藏內容。

<toolkit:Expander>
    <toolkit:Expander.Header>
        <Label Text="Simple Expander (Tap Me)" FontSize="16" FontAttributes="Bold"/>
    </toolkit:Expander.Header>
    <toolkit:Expander.Content BackgroundColor="LightGray">
        <VerticalStackLayout>
            <Label Text="Item 1"/>
            <Label Text="Item 2"/>
        </VerticalStackLayout>
    </toolkit:Expander.Content>
</toolkit:Expander>

image.png

DockLayout

DockLayout 是一種可以將檢視停靠到佈局容器的兩側的佈局。這使得它在許多需要將螢幕劃分為特定區域的情況下是一個不錯的選擇。

圖片
 
DockLayout 可以在 XAML 中建立,如下所示:

<toolkit:DockLayout>
    <Button toolkit:DockLayout.DockPosition="Top" Text="Top" HeightRequest="50" />
    <Button toolkit:DockLayout.DockPosition="Bottom" Text="Bottom" HeightRequest="70" />
    <Button toolkit:DockLayout.DockPosition="Left" Text="Left" WidthRequest="80" />
    <Button toolkit:DockLayout.DockPosition="Right" Text="Right" WidthRequest="90" />
    <Button Text="Center" />
</toolkit:DockLayout>

StateContainer

StateContainer 使基於應用程式的狀態動態顯示內容變得超級容易。例如,從建立載入檢視到在螢幕上疊加,或者在螢幕的一個小塊上。當沒有資料要顯示時,可以建立空狀態檢視,而當發生錯誤時,可以顯示錯誤狀態檢視。

image.png

Tizen 支援

現在 Tizen 支援 .NET MAUI Community Toolkit。這將 .NET MAUI Community Toolkit 帶到了數以百萬計執行 Tizen 的電視、手機和其他裝置上。

image.png

.NET 7 支援

我們還推出了基於 .NET 7 構建的 .NET MAUI 社群工作包,這意味著那些想要享受 .NET 7 的所有好處的人可以使用 .NET MAUI Community Toolkit 來實現。

MAUI.Markup工具包

除了 .NET MAUI Community Toolkit 之外,我們還有 MAUI.Markup 工具包,它是 Fluent C# 擴充套件方法的集合,允許開發人員在 C# 中使用 MVVM、繫結、資源字典等來構建他們的應用程式,而無需在 XAML 中。

MAUI.Markup 工具包已更新,為 App Themeing 和 ITextAlignment 新增 C# 擴充套件方法。事實上,使用原始碼生成器,Maui.Markup 會為每個 ITextAlignment 控制元件自動生成擴充套件方法,即使您建立自己的自定義控制元件也是如此!我們還為 MAUI.Markup 提供了 .NET 7 處理方式。

版本

那些看過我們在 Nuget 上釋出的版本的人可能已經注意到,.NET MAUI Community Toolkit 的多個版本是連續釋出的。有必要概述一下不同的版本:

  • 版本 1.4.0 – 新增了 Expander、DockLayout 和 StateContainer(當然還有很多錯誤修復!) –發行說明
  • 版本 2.0.0 – 新增了對所有功能的完整 Tizen 支援,包括 v1.4.0 的更改 –發行說明
  • 版本 3.0.0 – v1.4.0 和 v2.0.0 中的所有內容,針對 .NET 7 構建的 –發行說明

透過這種版本控制策略,我們的目標在為儘可能多的開發人員提供支援:.NET 6 上的每個人都可以獲得我們迄今為止合併的所有功能,包括使用 v2.0.0 的 Tizen 支援。對於使用 .NET 7 的使用者,您可以使用 v3.0.0 獲得所有功能。

重要的是,在未來,.NET 7 將成為 .NET MAUI Community Toolkit 新功能的目標!

更多資源

如果您想了解有關 .NET MAUI Community Toolkit 的更多資訊,您可以觀看 .NET Conf 2022的精彩概述影片,其中 Gerald Versluis 介紹了 Community Toolkit 的歷史、您今天可以使用它做什麼以及如何開始使用它!

當然,您可以在我們的 GitHub 儲存庫中找到所有原始碼和我們的示例應用程式,並檢視我們的官方文件

最後,非常感謝所有的貢獻者!這實際上是由您的努力推動而帶來的結果。如果您有任何問題或想讓更多人知道您的經驗,歡迎在評論區留下您的反饋!

我們希望您喜歡最新版本的 .NET MAUI Community Toolkit。

編碼愉快!?

歡迎前往 .NET MAUI Community Toolkit 官方站點,瞭解更多~

相關文章