This post outlines some of the .NET MAUI-related features we expect to ship in our next major release (v23.1).
Our .NET MAUI EAP build is available free-of-charge (via NuGet packages) if you’ve registered for the DevExpress .NET MAUI Free Offer. To install our .NET MAUI EAP packages, 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);
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.
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).
