{"id":33580,"date":"2021-07-14T09:07:43","date_gmt":"2021-07-14T16:07:43","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/dotnet\/?p=33580"},"modified":"2021-07-15T12:56:42","modified_gmt":"2021-07-15T19:56:42","slug":"announcing-net-maui-preview-6","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/dotnet\/announcing-net-maui-preview-6\/","title":{"rendered":"Announcing .NET MAUI Preview 6"},"content":{"rendered":"

Today with .NET 6 Preview 6<\/a> we are shipping our latest progress on .NET Multi-platform App UI (MAUI)<\/a>. This release we are all-in on Visual Studio 2022 Preview 2. This also marks the first time we are shipping .NET MAUI as a workload installation. Several new capabilities are now available including gestures, modal pages, view clipping, native alerts, flex layout, and more. Single project also continues to be improved along with adopting the latest release of the Windows App SDK and Visual Studio extensions. Let’s take a deeper look.<\/p>\n

Workload Installation<\/h2>\n

As part of .NET unification, we have introduced the concept of SDK workloads to enable specific developer scenarios on top of the .NET SDK you’ve installed. In preview 4 the underlying SDKs for Android, iOS, macOS, and Mac Catalyst were enabled, and now in preview 6 we are introducing the maui<\/code>, maui-mobile<\/code>, and maui-desktop<\/code> workloads. The first will acquire and install all the required SDKs for building .NET MAUI applications. If you are only wanting to target mobile or desktop, you can choose those individually.<\/p>\n

In the near future Visual Studio 2022 will include these with its installer. To use them today, jump into your favorite CLI. First, take a look at what you have installed already:<\/p>\n

dotnet sdk check<\/code><\/pre>\n
\"output<\/p>\n
This reports what has been installed via the .NET SDK installer itself. Now to see the additional workloads run:<\/p>\n
dotnet workload list<\/code><\/pre>\n
\"output<\/p>\n
To then install .NET MAUI you can execute:<\/p>\n
dotnet workload install maui<\/code><\/pre>\n
What about the maui-check<\/code> dotnet tool? We will continue to update maui-check<\/code> with each release as it does additional validation of your development environment to help you be successful: checking for OpenJDK, emulators, Xcode, Visual Studio versions, and more.<\/p><\/blockquote>\n
For more information about mobile and desktop workloads, read details here<\/a>.<\/p>\n
New .NET MAUI Capabilities<\/h2>\n
As you can see on our status report<\/a>, we are very close to being completely green for enabling features in .NET MAUI. Let’s highlight a few of the newcomers.<\/p>\n
Gestures<\/h2>\n
Gesture recognizers<\/a> allow you to apply tap, pinch, pan, swipe, and drag-and-drop to any view instance. You can apply them easily in XAML:<\/p>\n
<Grid>\r\n    <Grid.GestureRecognizers>\r\n        <TapGestureRecognizer NumberOfTapsRequired=\"2\" Command=\"{Binding OnTileTapped}\" \/>\r\n    <\/Grid.GestureRecognizers>\r\n    <!-- Grid content -->\r\n<\/Grid><\/code><\/pre>\n
\"gif<\/p>\n
In this example, when the weather widget tile is double-tapped, it simulates a refresh with a fade-out, fade-in animation.<\/p>\n
Clipping<\/h2>\n
When you need to mask content you can now add shapes to the clipping region of a layout or view. The most common use for this is to make a circle image.<\/p>\n
\"screen<\/p>\n
<Image Source=\"face.png\">\r\n    <Image.Clip>\r\n        <EllipseGeometry RadiusX=\"80\"\r\n                         RadiusY=\"80\"\r\n                         Center=\"80,80\" \/>\r\n    <\/Image.Clip>\r\n<\/Image><\/code><\/pre>\n
Native Alerts<\/h2>\n
Each platform has a native way of displaying alerts to users. These can be simple informational popups<\/a>, simple input forms<\/a>, and even action sheets<\/a> with multiple options to guide a user. These are available from any Page<\/code> in a .NET MAUI application.<\/p>\n
await DisplayAlert (\"Alert\", \"You have been alerted\", \"OK\");<\/code><\/pre>\n
\"Image<\/a><\/p>\n
These are just a few of the controls and layouts updated in preview 6. For a complete list, check out the commit log on GitHub. A few sweeping changes for layout, borders, corners, and shadows will be arriving in preview 7.<\/p>\n
Single Project and Windows<\/h2>\n
We’ve made a few updates to single project based on developer feedback and Windows support to adopt the latest features. Some of you have been following along with each release, and we love that! Thank you for providing your feedback and engaging with us on GitHub and Discord. So, what has changed in preview 6 that you’ll need to update in your existing solutions?<\/p>\n