.NET MAUI Community Toolkit中的新增功能

Amy Peng

本文翻译于Kym Phillpotts 的这篇英文文章:What’s new in the .NET MAUI Community Toolkit

对于 .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>

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 使基于应用程序的状态动态显示内容变得超级容易。例如,从创建加载视图到在屏幕上叠加,或者在屏幕的一个小块上。当没有数据要显示时,可以创建空状态视图,而当发生错误时,可以显示错误状态视图。

Tizen 支持

现在 Tizen 支持 .NET MAUI Community Toolkit。 这将 .NET MAUI Community Toolkit带到了数以百万计运行 Tizen 的电视、手机和其他设备上。

 

.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的多个版本是连续发布的。有必要概述一下不同的版本:

  • 版本4.0 – 添加了 Expander、DockLayout 和 StateContainer(当然还有很多错误修复!) –发行说明
  • 版本0.0 – 添加了对所有功能的完整 Tizen 支持,包括 v1.4.0 的更改 –发行说明
  • 版本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。

编码愉快! 💻

1 comment

Leave a comment

  • 努力 张 0

    直到看了一点maui的相关视频,才知道了这个包,之前知道但是不知道咋用的

Feedback usabilla icon