{"id":37472,"date":"2021-11-08T12:24:51","date_gmt":"2021-11-08T19:24:51","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/dotnet\/?p=37472"},"modified":"2021-11-08T14:54:20","modified_gmt":"2021-11-08T21:54:20","slug":"announcing-net-maui-preview-10","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/dotnet\/announcing-net-maui-preview-10\/","title":{"rendered":"Announcing .NET MAUI Preview 10"},"content":{"rendered":"

.NET Multi-platform App UI (MAUI) Preview 10 is now available atop the stable release of .NET 6<\/a>, and you can acquire it today in the preview channel of Visual Studio 2022<\/a>. This new release includes the merging of the remaining Windows App SDK dependencies, and ongoing progress to complete the remaining controls and control features.<\/p>\n

Installing .NET MAUI<\/h2>\n

Now to install .NET MAUI, you will want to make sure you are using the preview version of Visual Studio 2022 (17.1)<\/a> which ships today alongside the stable 17.0 release. When installing, all you need is the “Mobile development with .NET” workload which by default provides the “.NET MAUI (Preview)” dependencies. In a future release, .NET MAUI will be promoted to its own top-level workload.<\/p>\n

\"Visual<\/p>\n

That’s it! No more additional extensions are needed, and you’re ready to begin developing with .NET MAUI.<\/p>\n

Update on controls and features<\/h2>\n

New in this release are handler implementations of CollectionView<\/code> and IndicatorView<\/code>. Other controls have also seen properties implement for VerticalTextAlignment<\/code>, TextTransform<\/code>, and more. For a complete list of the changes and improvements, see the release notes<\/a>.<\/p>\n

CollectionView<\/code> covers most of the same virtualized list based scenarios as ListView<\/code> and adds support for other layouts such as horizontal and grid. Here is a vertical scrolling grid spanning two columns:<\/p>\n

\"grid<\/p>\n

<CollectionView ItemsSource=\"{Binding Monkeys}\"\r\n                ItemsLayout=\"VerticalGrid, 2\">\r\n    <CollectionView.ItemTemplate>\r\n        <DataTemplate>\r\n            <Grid Padding=\"10\" RowDefinitions=\"60\" ColumnDefinitions=\"70,*\">\r\n                <Image Grid.RowSpan=\"2\" \r\n                        Source=\"{Binding ImageUrl}\" \r\n                        Aspect=\"AspectFill\"\r\n                        HeightRequest=\"60\" \r\n                        WidthRequest=\"60\">\r\n                    <Image.Clip>\r\n                        <RectangleGeometry Rect=\"0,0,160,160\"\/>\r\n                    <\/Image.Clip>\r\n                <\/Image>\r\n                <Label Grid.Column=\"1\" \r\n                        Text=\"{Binding Name}\" \r\n                        FontAttributes=\"Bold\"\r\n                        TextColor=\"White\"\r\n                        VerticalOptions=\"Start\"\r\n                        LineBreakMode=\"TailTruncation\" \/>\r\n                <Label Grid.Column=\"1\" \r\n                        Text=\"{Binding Location}\"\r\n                        LineBreakMode=\"TailTruncation\"\r\n                        FontAttributes=\"Italic\" \r\n                        TextColor=\"White\"\r\n                        VerticalOptions=\"End\" \/>\r\n            <\/Grid>\r\n        <\/DataTemplate>\r\n    <\/CollectionView.ItemTemplate>\r\n<\/CollectionView><\/code><\/pre>\n
For more information on how to use these controls, check out our documentation:<\/p>\n