.NET MAUI (.NET多平台应用 UI) Preview 4发布

UI跨平台?是要替代APP开发的节奏啊。下面看看具体翻译:

.NET MAUI (.NET多平台应用 UI) Preview 4发布

今天,我们很高兴地宣布.NET多平台应用程序UI(.NET MAUI)预览版4的可用性。每个预览版都将向该多平台工具包介绍更多控件和功能,以帮助我们于11月在.NET Conf上全面上市。.NET MAUI现在具有足够的构建基块来为所有受支持的平台构建功能应用程序,支持在桌面上运行Blazor的新功能以及Visual Studio中支持.NET MAUI的令人兴奋的进展。

天气’21

为了展示我们在Microsoft Build预览版4中的进展,我们快速设计和开发了一个简单而美观的天气应用程序。当我们等待Visual Studio集成.NET MAUI生产力功能时,我们从Xamarin.Forms开始。我们在单个代码库中以共享样式实现了每个UI小部件和屏幕。几个小时后,我们通过进行一些小的更改(例如采用新的Microsoft.Maui名称空间)将其移植到.NET MAUI 。整个过程轻松快捷!

.NET MAUI (.NET多平台应用 UI) Preview 4发布

我们还借此机会展示了通过实施应用程序操作,系统托盘中的图标(状态栏)以及平台本机通知(它们来自于在Android,iOS,macOS上运行的单个项目)来轻松实现深度平台集成和Windows。

private void SetupAppActions()
{
    try
    {
        AppActions.SetAsync(   
            new AppAction("current_info", "Check Current Weather", icon: "current_info"),
            new AppAction("add_location", "Add a Location", icon: "add_location")
        );
    }
    catch (System.Exception ex)
    {
        Debug.WriteLine("App Actions not supported", ex);
    }
}
.NET MAUI (.NET多平台应用 UI) Preview 4发布

Build 2021大会上我们的项目Demo仓库在Github上可浏览:WeatherTwentyOne Source code here

新的功能

进步继续将控件和布局从Xamarin.Forms移植到.NET MAUI体系结构。这样,.NET MAUI既是令人兴奋的新事物,又不是新事物。在过去的7年中,我们已经学到了很多有关如何使跨平台的本机UI性能和易于扩展的知识,并且我们正在将其付诸实践。有关这项工作的持续状态,请访问我们的GitHub状态报告

BlazorWebView

BlazorWebView功能使您可以直接在.NET MAUI应用程序中托管Blazor Web应用程序,并利用无缝的本机平台功能和UI控件。可以将控件添加到任何XAML页面,并指向Blazor应用程序的根目录。

<BlazorWebView 
    HostPage="wwwroot/index.html"
    Services="{StaticResource Services}">
    <BlazorWebView.RootComponent>
        <RootComponent 
            Selector="#app"
            ComponentType="{x:Type local:Main}"
        />
    </BlazorWebView.RootComponent>
</BlazorWebView>

要更深入地了解这种强大的集成,请阅读我们的ASP.NET博客上的更多内容。

开机画面

特别是在移动平台上,您希望您的第一个屏幕尽快出现,这是通过实现静态启动屏幕来完成的。.NET MAUI现在可以在一个地方描述支持所有平台的启动画面。

<MauiSplashScreen Include="Resources\appiconfg.svg" Color="#512BD4" />
.NET MAUI (.NET多平台应用 UI) Preview 4发布

可以与背景画笔一起提供任何图像格式,类似于我们也可以处理应用程序图标的方式。对于更高级的方案,仍然可以使用平台本机的初始屏幕方法。

原始资产

.NET MAUI现在可以非常轻松地将其他资产添加到您的项目中,并直接引用它们,同时保留平台本机性能。例如,如果要在中显示静态HTML文件,则WebView可以将文件添加到项目中,并MauiAsset在属性中将其注释为。

<MauiAsset Include="Resources\Raw\index.html" />

提示:您还可以使用通配符启用目录中的所有文件: Include="Resources\Raw\*"

然后,您可以在应用程序中按文件名使用它。

<WebView Source="index.html" />

Visual Studio完善

Visual Studio 16.11 Preview 1中,我们首先了解.NET MAUI的完善功能,其中包括针对多目标单个项目的新运行选项,以及用于编辑托管代码的全新.NET Hot Reload。

单个项目运行

单个项目为运行.NET MAUI应用程序提供了一种选择目标平台和设备的新体验。这些更改简化了启动过程,使您可以在一个地方访问所有平台和设备。

对于Single Project,特定于平台的应用程序项目不再在解决方案之内,因此您将不再右键单击项目以将其设置为启动项目。

在新的目标调试选择器中,您将首先选择要针对的平台。选择目标平台后,将为您提供可以在其上运行.NET MAUI应用程序的设备的列表。当您拥有.NET MAUI单个项目时,所有这些都可以通过“运行”菜单进行访问。

.NET MAUI (.NET多平台应用 UI) Preview 4发布

新的运行菜单是Visual Studio中支持单项目应用程序的一系列更改中的第一个。我们将在即将发布的版本中宣布新功能,因此请随时注意更新!

.NET热重载

.NET Hot Reload是一种新体验,使您可以在运行.NET MAUI应用程序的源代码时对其进行实时编辑,从而减少了重建应用程序的次数。

要开始测试此功能,请安装.NET 6 Preview 4和Visual Studio 2019版本16.11 Preview 1。通过针对WinUI 3主机的Visual Studio调试器(F5)启动应用程序。应用程序运行后,您现在可以使用新选项进行代码更改,并使用我们的新“应用代码更改”按钮应用代码,如下所示。

.NET MAUI (.NET多平台应用 UI) Preview 4发布

在即将发布的版本中,.NET Hot Reload也将适用于Android,iOS和macOS,并且我们还将集成XAML Hot Reload和Live Visual Tree。

要了解有关Hot Reload的更多信息,请查看.NET Hot Reload简介

生态系统准备

.NET MAUI (.NET多平台应用 UI) Preview 4发布

使用.NET的主要优点之一是利用丰富的控件和库生态系统来构建应用程序。Telerik团队通过Preview 4在https://www.telerik.com/maui-ui上发布了他们的.NET MAUI的第一组控件。在此处查看他们的完整公告

“自.NET MAUI诞生之初,我们的团队就对其多平台功能背后的概念感到非常兴奋!对于.NET开发人员来说,这将是一个新时代,我们很高兴在此过程中与Microsoft合作。” Progress产品管理总监Stefan Stefanov说。“用于MAUI的Telerik UI的早期预览版为.NET开发人员社区提供了经过专业设计的,功能丰富的UI组件,以启动其跨平台开发并交付出色的应用程序。”

其他组件供应商也正在计划对.NET MAUI的支持,例如SyncfusionDevExpressGrialKit

那么您最喜欢的开源库呢?Dan Siegel已经分享了流行的MVVM库Prism的早期预览

.NET MAUI (.NET多平台应用 UI) Preview 4发布

我们每月举行一次社区电话,以帮助维护人员将其库引入.NET 6和.NET MAUI。如果您想参加,请发送电子邮件至david.ortinau@microsoft.com。

立即开始

立即查看.NET MAUI。快速开始,从命令行运行maui-check .NET工具以安装.NET 6 Preview和开发.NET MAUI应用程序所需的所有SDK依赖项。

Don’t have maui-check? Run this from your command line:

dotnet tool install -g Redth.Net.Maui.Check

运行maui-check并按照说明进行操作。

打开Visual Studio 2019 16.11 Preview 1并创建一个新的.NET Multi-platfromApp UI项目。

.NET MAUI (.NET多平台应用 UI) Preview 4发布

新的解决方案格式包括可在Android,iOS和macOS上运行的多目标项目,以及用于Windows的两个WinUI项目。在将来的版本中,WinUI项目将被吸收到多目标项目中。

.NET MAUI和AndroidX软件包暂时位于托管的供稿中。一旦将这些软件包捆绑在一起作为工作负载,就不再需要此步骤。运行以下终端命令以添加所需的源。

dotnet new nugetconfig

dotnet nuget add source -n maui-preview https://aka.ms/maui-preview/index.json

要为Android运行,请将多目标项目设置为启动项目,然后从“运行”菜单中选择Android平台以查看您的Android模拟器。

Android emulators – if this is your first run, you may be asked to create your own emulator before the app will deploy and run.

在即将发布的版本中,我们将启用Windows on iOS支持,以便从Visual Studio开发到您连接的iOS设备。

有关.NET MAUI入门的其他信息,请参阅GitHub上的Wiki文档

反馈欢迎

请让我们了解您使用.NET MAUI Preview 4创建新应用程序的经验,方法是在GitHub仓库dotnet/maui上与我们联系。

要了解未来发布的内容,请访问我们的产品路线图

出处:https://devblogs.microsoft.com/dotnet/announcing-net-maui-preview-4/

原文出处:微软开发者博客

原文链接:https://devblogs.microsoft.com/dotnet/announcing-net-maui-preview-4/

本文观点不代表Dotnet9立场,转载请联系原作者。

发表评论

登录后才能评论