Announcing DevExpress Mobile UI for .NET MAUI Preview 11

We are pleased to announce the newest preview release of our mobile controls for .NET Multi-platform App UI (.NET MAUI). In this post, I’ll summarize what’s inside this release and describe the enhancements we’ve introduced to our .NET MAUI component line. 

We released NuGet packages compatible with .NET MAUI Preview 11 on December 28th for upgrade via the command line, because the latest IDE preview was not yet released by Microsoft at that time. Yesterday, Microsoft released Visual Studio 2022 17.1 Preview 2 and officially announced .NET MAUI Preview 11 - please take special note of the following from the announcement:

Before installing Visual Studio 2022 Preview, we highly recommend starting from a clean slate by uninstalling all .NET 6 previews and Visual Studio 2022 previews. Now, install Visual Studio 2022 Preview (17.1 Preview 2) and confirm .NET MAUI (preview) is checked under the “Mobile Development with .NET workload”. If you already have 17.1 installed, then you can just perform an update from the Visual Studio installer.

Simplified .NET MAUI Handler Registration

The .NET MAUI platform requires the registration of handlers for each control used in an application. In some projects, you may be forced to configure dozens of handlers.

To help address this limitation, we've simplified the techniques used to set up handlers for our controls. With this update, you only need to call a single method — UseDevExpress. Once called, UseDevExpress will configure all DevExpress MAUI controls simultaneously.

Simplified handler registration
This technique will also be used in our .NET MAUI Project Templates for Visual Studio 2022 within a week or so. Please stay tuned.

.NET MAUI Chips

Chips were recently introduced in our Xamarin Forms product suite and are now available for .NET MAUI. These small but highly functional visuals allow users to make selections, filter content, input tokens, or trigger actions. The following chip types are supported:

  • Action Chips are like compact buttons and allow users to invoke an action related to primary content. For example, action chips may be used to display documents attached to emails.
  • Filter Chips allow users to select multiple options from a set. You can use filter chips to replace toggle buttons/checkboxes or use filter chips to display filters applied to content.
  • Choice Chips allow users to select a single option from a set. These chips are best used when only one choice is possible. Choice chips can be a good alternative to radio buttons and combo boxes.
  • Input Chips display user input as a single piece of information (may be validated, deleted, or modified). Input chips can be used to enter entities like places, activities, roles, tags, or email addresses.

To see Chips in action, please explore the following .NET MAUI demo app:  Chips (this app uses chips to change the size and color of a T-shirt for a UI superhero).

SuperHero demo app for iOS SuperHero demo app for Android

.NET MAUI Data Form

This preview release also includes our new MAUI Data Form — a control that allows you to display and edit business objects (from registration forms and employee profiles to shipping address information and everything in between). The DevExpress MAUI Data Form control automatically generates editors for each field within the business object and displays fields one below the other on screen.

Our Data Form demo app on GitHub creates a simple Data From based on a sample business object.

Data Form demo app for iOS Data Form demo app for Android

Edit Form within our .NET MAUI Data Grid

One of the first controls we released for .NET MAUI was the DevExpress Data Grid. From its first release, our Data Grid allowed users to edit data values within individual grid cells. While this is a highly popular option, it is inefficient for tables with a large number of columns. If your MAUI app displays a table with many columns, or if you prefer not to allow in-cell data editing, you can now modify record values within our MAUI Edit Form. As you can see in the following image, our MAUI Edit Form displays all fields for a given record on a separate screen.

Data Grid demo app for iOS Data Grid demo app for Android

.NET MAUI Navigation Controls – Now Available in iOS

Good news – our collection of .NET MAUI navigation controls —  TabView, TabPage, DrawerView, and DrawerPage — are now available for both iOS and Android. We have updated our Tab ViewTab PageDrawer Page, and Drawer View demo applications on GitHub. Feel free to run these apps on your favorite iOS device. 

Navigation demo app for iOS Navigation demo app for Android

Your Feedback Matters

As always, we welcome your thoughts. To share feedback, tell us about your long-term .NET MAUI development plans, or discuss your .NET MAUI-related needs, please email support@devexpress.com or submit a support ticket via the DevExpress Support Center.

Free DevExpress Products – Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We’ll be happy to follow-up.
CRM-49a54daa-6c16-4310-9f10-0ce9c7ea3f22
Lakra4k
That's so aweawesome!
7 January 2022
Jose Isga
Jose Isga
Great!!!, Thank you.
7 January 2022
Junior Thurler
Junior Thurler
Looks Great! 
7 January 2022
Harald Bacik
Harald Bacik

Is there a time frame, when Desktop (WinUi) will be supported?

Thx

9 January 2022
Dennis (DevExpress)
Dennis Garavsky (DevExpress)
@Harald Bacik: Not yet. We will finalize our plans for desktop support in our MAUI controls in a month or so. Am I correct that you do NOT have existing WinForms/WPF apps and want to create a new WinUI desktop app with .NET MAUI from scratch? What do you think about our https://www.devexpress.com/winui/ product line (our MAUI handlers may potentially "wrap" these WinUI controls for Windows desktop)?
10 January 2022
CRM-7a77b6c4-6292-4ba8-876b-a71034e4df15
Mariano Gomez Bidondo
support for Uno Platform????
10 January 2022
DÖNÜŞ ŞENEL
Dönüş ŞENEL
+1
10 January 2022
CRM-6a732c62-a97e-4bff-9bdf-443e0a8f1fbe
wklau
.NET MAUI supports Windows and macOS also, why DevExpress Mobile UI for .NET MAUI supports iOS and Android only? (I do notice that the name of the product is "Mobile" UI though.)
20 January 2022
Dennis (DevExpress)
Dennis Garavsky (DevExpress)

@Mariano Gomez Bidondo, Dönüş ŞENEL: No plans for Uno yet.

@Customer244123: As I noted above, our .NET MAUI controls do not support Windows/Mac, and we will finalize our plans for desktop support in a month or so. Once we have any news, we will share them in our team blog: https://community.devexpress.com/blogs/mobile/default.aspx - please stay tuned.

Am I correct that you do NOT have existing WinForms/WPF apps and want to create a new desktop app with .NET MAUI from scratch?

20 January 2022
CRM-6a732c62-a97e-4bff-9bdf-443e0a8f1fbe
wklau

Yes, I do want to start from scratch. I know there are WinUI 3 controls from DevExpress, but Microsoft .NET MAUI docs says:

Windows apps built using .NET MAUI use Windows UI 3 (WinUI 3) library to create native apps that target the Windows desktop. 

so I expected DevExpress's .NET MAUI controls are similar. 



20 January 2022
Akin GUNES
Akin GUNES

Is there any plan/timeframe for Xaf's mobile UI / or Xaf's MAUI support?

21 January 2022
Dennis (DevExpress)
Dennis Garavsky (DevExpress)

@wklau: Thanks for your feedback.

@Akin GUNES: Not for 2022. For mobile scenarios many XAF customers built custom non-XAF UI clients (for instance, Xamarin) using XAF's API services similar to our Web API Service or E4908 as a backend. We will keep simplifying such scenarios in 2022 (planned to support EF Core, localization API endpoints, etc). Are you currently developing a mobile app and want to discuss how XAF can help you here?


21 January 2022
Dennis (DevExpress)
Dennis Garavsky (DevExpress)

@wklau: Thanks for your feedback.

@Akin GUNES: Not for 2022. For mobile scenarios many XAF customers built custom non-XAF UI clients (for instance, Xamarin) using XAF's API services similar to our Web API Service or E4908 as a backend. We will keep simplifying such scenarios in 2022 (planned to support EF Core, localization API endpoints, etc). Are you currently developing a mobile app and want to discuss how XAF can help you here?


21 January 2022

Please login or register to post comments.