.NET MAUI — Early Access Preview (v23.1)

This post outlines some of the .NET MAUI-related features we expect to ship in our next major release (v23.1).

If you own an active Universal Subscription, feel free to install our .NET MAUI EAP packages at your convenience from NuGet. Make certain to check the “Include prerelease” option within NuGet Package Manager.

As always, we welcome your feedback. Should you encounter issues with the EAP or would like to share your EAP-related thoughts with us, simply create a new DevExpress Support Center ticket. We’ll be happy to follow up.

New Bottom Sheet Control

Our new .NET MAUI Bottom Sheet Control will help you display supplementary content within a modal or non-modal form.

To ensure UI responsiveness across target frameworks, our Bottom Sheet Control was built using native iOS and Android controls. As you would expect, the control can address a variety of usage scenarios - from the display of master-detail data or information about selected items on a map…to app filtering options, dialogs with multiple actions and much more.

Example: DevExpress .NET MAUI Bottom Sheet - Implement the Master Detail View. 

Office File API Support

As you may know, our Office File API allows you to create/manage Word, Excel, and PDF documents non-visually. With it, you can:

• Create documents.
• Digitally sign documents.
• Convert documents to a different format.
• Merge documents and much more.

Example: DevExpress .NET MAUI Controls - Send Template Messages with Mail Merge. 

Device-Specific Settings

v23.1 includes helpers and XAML extensions designed to simplify app configuration (based on device settings). With our .NET MAUI EAP, you can specify:

• Your target platform (Android/iOS)
• Idiom (phone/tablet)
• Orientation (landscape/portrait)
• Display size (extra small/small/medium/large/extra large)
• Device type (physical/virtual)

The following code snippets help demonstrate how to use these extensions within your .NET MAUI app:

<dxdc:SimpleButton  FontSize="{dx:OnDisplaySize ExtraSmall='10', Small='12', 
                                 Medium='14', Large='16', ExtraLarge='18'}"/>
<dxdc:SimpleButton  WidthRequest="{dx:OnScreenWidth ExtraSmall='100', Small='150', 
                                 Medium='200', Large='250', ExtraLarge='300'}"
                       HeightRequest="{dx:OnScreenHeight ExtraSmall='50', Small='75', 
                                 Medium='100', Large='150', ExtraLarge='200'}"/>

if (ON.Android) {
    // Your custom code here.
}
//...
if (ON.iOS) {
   // Your custom code here.
}
//...
ON.OrientationChanged(this, x => {
   // Your custom code here.
});
//...
var widthValue = ON.ScreenWidth<double>(extraSmall: 1, small: 2, 
                 medium: 3, large: 4, extraLarge: 5,
    smallThreshold: 360,
    mediumThreshold: 375,
    largeThreshold: 428,
    extraLargeThreshold: 768);

Documentation

Collection View - Long Press

Our Collection View component allows you to handle long taps. Long tap support will help users select multiple items and execute specific actions for a selected item group.

Example: DevExpress CollectionView for .NET MAUI - Enable Multiple Selection and Implement the Contextual Action Bar

Dynamic Image Colors

Our EAP includes a new DXImage component (to draw SVG images with a specified color). With this feature, you no longer need to create two separate images for dark and light themes. You may also find it useful to style an image based on a design palette (simply set the TintColor property and your image will be drawn using the specified color).

Free DevExpress Products - Get Your Copy Today