.NET MAUI (Multi-platform App UI)<\/h2>\n
\n .NET MAUI lets you build apps for Android, iOS, macOS, Windows, and Tizen on all types of devices from mobile phones to tablets and desktop form factors. Apps are built with C# and XAML using Visual Studio on Windows or macOS. There is a huge variety of built-in controls and layouts, plus an ecosystem of component vendors including Syncfusion<\/a>, DevExpress<\/a>, UX Divers<\/a>, Telerik<\/a>, and more.\n<\/p>\n \n Check out all the cross-platform development features in the .NET MAUI documentation<\/a> and Learn .NET MAUI site<\/a>:\n<\/p>\n \n \n If you\u2019ve previously worked with Xamarin.Forms, check out the migration guidance<\/a> to update your apps to .NET MAUI!\n<\/p>\n \n The .NET MAUI documentation includes guidance specifically for building and deploying to Android:\n<\/p>\n \n Here\u2019s an example of the File > New<\/strong> app layout in XAML and how it looks in the emulator:\n<\/p>\n \n Figure 2: .NET MAUI Android demo<\/em>\n<\/p>\n \n One of the great productivity features of .NET MAUI is Hot Reload<\/a>, which enables you to view the result of XAML changes while debugging your app without having to rebuild and redeploy every time. Download Visual Studio 2022<\/a> to give it a try!\n<\/p>\n \n One of the new features of .NET MAUI is the TwoPaneView<\/strong> control that ships in the Microsoft.Maui.Controls.Foldable<\/strong> NuGet. The TwoPaneView acts like a split view layout, with two child views and a variety of different display options:\n<\/p>\n \n The easiest way to get started with the TwoPaneView layout control is to try out the playground sample<\/a> \u2013 it exposes most of the TwoPaneView properties as sliders and menus so you can interactively observe how they affect the layout on different screen sizes and device modes:\n<\/p>\n \n Figure 3: .NET MAUI TwoPaneView playground sample running on Surface Duo 2<\/em>\n<\/p>\n \n A basic TwoPaneView implementation is shown below \u2013 each pane contains a layout and the sizing and appearance can be controlled in XAML or in C# code.\n<\/p>\n \n The TwoPaneView provides a flexible and adaptive layout that helps build apps that can scale from small phone form-factors to foldables and large-screen devices. Here is the layout on a tablet using the Pane1Length and Pane2Length to create a 1:3 split:\n<\/p>\n \n \n To learn more about .NET MAUI, start with this resources page<\/a>. \n<\/p>\n \n If you have any questions about building cross-platform apps that can run on Android and other devices, ask on our feedback forum<\/a>\u00a0or message us on Twitter\u00a0@surfaceduodev<\/a>.\u00a0\u00a0\n<\/p>\n \n Finally, please join us for our\u00a0dual screen developer livestream<\/a>\u00a0at 11am (Pacific time) each Friday \u2013 mark it in your calendar and check out the\u00a0archives on YouTube<\/a>.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":" Hello .NET developers, .NET Conf is happening this week and one of the big announcements is the release of .NET 7 which includes an updated release of .NET MAUI for .NET 7. The latest .NET MAUI release includes dual-screen Android support based on Jetpack Window Manager, so you can build cross-platform apps for mobile and […]<\/p>\n","protected":false},"author":570,"featured_media":2894,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[722,727,717,182],"class_list":["post-2891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-surface-duo-sdk","tag-net-maui","tag-c","tag-foldable","tag-xamarin-forms"],"acf":[],"blog_post_summary":" Hello .NET developers, .NET Conf is happening this week and one of the big announcements is the release of .NET 7 which includes an updated release of .NET MAUI for .NET 7. The latest .NET MAUI release includes dual-screen Android support based on Jetpack Window Manager, so you can build cross-platform apps for mobile and […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/2891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/users\/570"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/comments?post=2891"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/2891\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media\/2894"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media?parent=2891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/categories?post=2891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/tags?post=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Screenshot](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/11\/a-picture-containing-graphical-user-interface-des.png\")
\nBuild Android apps<\/h2>\n
\n
<?xml version=\"1.0\" encoding=\"utf-8\" ?>\r\n<ContentPage xmlns=\"http:\/\/schemas.microsoft.com\/dotnet\/2021\/maui\"\u00a0xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2009\/xaml\"\u00a0x:Class=\"MauiApp999.MainPage\">\r\n\u00a0 \u00a0 <ScrollView>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <VerticalStackLayout Spacing=\"25\" Padding=\"30,0\" VerticalOptions=\"Center\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <Image Source=\"dotnet_bot.png\" SemanticProperties.Description=\"Cute dot net bot waving hi to you!\" HeightRequest=\"200\" HorizontalOptions=\"Center\" \/>\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <Label Text=\"Hello, World!\" SemanticProperties.HeadingLevel=\"Level1\" FontSize=\"32\" HorizontalOptions=\"Center\" \/>\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <Label Text=\"Welcome to .NET Multi-platform App UI\" SemanticProperties.HeadingLevel=\"Level2\" SemanticProperties.Description=\"Welcome to dot net Multi platform App U I\" FontSize=\"18\" HorizontalOptions=\"Center\" \/>\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <Button x:Name=\"CounterBtn\" Text=\"Click me\" SemanticProperties.Hint=\"Counts the number of times you click\" Clicked=\"OnCounterClicked\" HorizontalOptions=\"Center\" \/>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <\/VerticalStackLayout>\r\n\u00a0 \u00a0 <\/ScrollView>\r\n<\/ContentPage><\/pre>\n
![](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/11\/word-image-2891-2.png\")
\n<\/p>\nUpdated TwoPaneView control<\/h2>\n
\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/11\/graphical-user-interface-application-description.png\")
\n<\/p>\n<ContentPage xmlns:foldable=\"clr-namespace:Microsoft.Maui.Controls.Foldable;assembly=Microsoft.Maui.Controls.Foldable\">\r\n <foldable:TwoPaneView>\r\n <foldable:TwoPaneView.Pane1>\r\n <StackLayout>\r\n <Label Text=\"Pane1 Content\" \/>\r\n <\/StackLayout>\r\n <\/foldable:TwoPaneView.Pane1>\r\n <foldable:TwoPaneView.Pane2>\r\n <StackLayout>\r\n <Label Text=\"Pane2 Content\" \/>\r\n <\/StackLayout>\r\n <\/foldable:TwoPaneView.Pane2>\r\n <\/foldable:TwoPaneView>\r\n<\/ContentPage><\/pre>\n
![\"Tablet](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/11\/word-image-2891-4.png\")
\n\n Resources and feedback\u00a0\n<\/h2>\n