Introducing the 11th Set of New .NET MAUI Controls and Features

Gayathri-github7 - Mar 25 - - Dev Community

TLDR: Explore Syncfusion’s new .NET MAUI controls & features in the Essential Studio 2024 Volume 1 release for enhanced app development.

Syncfusion is excited to introduce the 11th set of new .NET MAUI controls and features in the Essential Studio 2024 Volume 1 release.

Let’s explore them in this blog.

New .NET MAUI controls

In the 2024 Volume 1 release, we introduce the following seven new .NET MAUI controls in preview mode:

.NET MAUI Chat

The .NET MAUI Chat control is also known as conversational UI. It provides a modern, conversational chatbot experience. It is a flexible control that shows the conversation between two or more users in a fully customizable layout. You can send different types of messages, including text, images, hyperlinks, cards, and more, based on the need.

Key features

  • Message types: Supports various message types, including text, calendar, time picker, card, image, and hyperlink.

  • Time break: Organize chat messages into groups according to their creation date and time.

  • Typing indicator: Real-time indication when the other user is typing a message, enhancing the conversational experience.

  • Suggestions: Offer quick options to choose from and expedite the conversation flow.

  • Load more: Loads past messages as users scroll through the chat history.

  • Styling: Customize the appearance of incoming and outgoing messages.

.NET MAUI Chat control

.NET MAUI Chat control

.NET MAUI Parallax View

The .NET MAUI Parallax View control provides a parallax effect to a background view by moving the background element at different speeds.

Key features

  • You can set any background view.
  • Customize the speed of the parallax scroll.
  • Use horizontal and vertical scrolling orientations.

.NET MAUI Parallax View control

.NET MAUI Parallax View control

.NET MAUI Polar and Radar Chart

A Polar and Radar Chart is a graphical representation of data displayed in a circular format. It is beneficial for visualizing data with cyclical or radial patterns.

Key features

  • Gridline type: Change the rendering type of axis gridlines to polygon or circle.
  • Draw type: Render polar series in various ways to flexibly visualize different types of data.
  • Data labels and legends: Enhance readability by labeling data points and providing a legend.
  • Tooltips: Provide additional information about individual segments.
  • Multiple series: Render multiple polar series simultaneously to compare and visualize two or more series simultaneously.

.NET MAUI Polar and Radial Charts

.NET MAUI Polar and Radial Charts

.NET MAUI Radial Menu

The .NET MAUI Radial Menu can display a hierarchical menu in a circular layout optimized for touch-enabled devices. Typically, it is used as a context menu and can expose more menu items in the same space as the traditional menus.

Key features

  • Drag: Move the control around the screen to prevent it from covering underlying content.
  • Rotation: Rotate menu items for enhanced interaction.
  • Font icon support: Add scalable vector graphics to avoid common issues associated with traditional image icons.
  • Custom views: Incorporate custom views, such as images, within the menu.

.NET MAUI Radial Menu

.NET MAUI Radial Menu

.NET MAUI Rotator

The .NET MAUI Rotator is a UI control that provides an interactive way to show images and navigate a collection of views. It supports various navigation options, like swiping, autoplay, and tapping. The images can be selected either by thumbnail or by dot support.

Key features

  • Navigation styles: Choose a dot or thumbnail navigation style to browse the content.
  • Placement customization: Position a dot or thumbnail indicator on any of the four edges.
  • Continuous play and looping: Set items to play automatically and rotate in a continuous loop.

.NET MAUI Rotator

.NET MAUI Rotator

.NET MAUI Step ProgressBar

The .NET MAUI Step ProgressBar is a control that indicates the progress of a multi-step (state) process. This control can be used to track the progress of online purchases, new user registrations, and live location tracking of buses, trains, flights, and more.

Key features

  • Display the progress in a horizontal or vertical orientation.
  • Provides three-state progress indication: Not Started, In Progress, and Completed.
  • Customize the active step index and progress values.
  • Add descriptions to each state on both sides.
  • Customize step content using numbers, ticks, crosses, dots, or images.
  • Customize the shape of each state or step, allowing options such as circles or squares.

.NET MAUI StepProgressBar

.NET MAUI StepProgressBar

.NET MAUI TreeMap

The .NET MAUI TreeMap control visually represents hierarchical data using nested rectangles sized and colored according to the underlying values.

Key features

  • Seamlessly bind the TreeMap control to hierarchical data structures.
  • Group the TreeMap levels based on the data hierarchy.
  • Use the multiple layout options, including Squarified, SliceAndDiceAuto, SliceAndDiceHorizontal, and SliceAndDiceVertical, to represent items at different levels of a hierarchy.
  • Interactive highlighting, selection, and tooltips support.
  • Includes various legend styles to provide information about the TreeMap data.
  • Completely customize the TreeMap leaf items with templates.

.NET MAUI TreeMap

.NET MAUI TreeMap

Visual theme support

All our Syncfusion .NET MAUI controls now support light and dark visual themes. This includes key-based theming for light and dark themes, which uses a separate ResourceDictionary class for each theme and loads the resources with the DynamicResource markup extension.

What’s new in our existing .NET MAUI controls?

Let’s explore the exciting new features added to our existing .NET MAUI controls.

DataGrid

The new features added in the .NET MAUI DataGrid are:

Unbound rows and columns

This feature allows the users to add additional rows and columns in the DataGrid, which are not bound to the data object of the underlying data source.

Unbound rows in .NET MAUI DataGrid

Unbound rows in .NET MAUI DataGrid

Unbound columns in .NET MAUI DataGrid

Unbound columns in .NET MAUI DataGrid

Column resizing

You can resize the columns by tapping and dragging the right border of the column header.

Resizing columns in .NET MAUI DataGrid

Resizing columns in .NET MAUI DataGrid

Load more

This feature lets users load and display additional data in the DataGrid as they scroll or request more content.

Load more features in .NET MAUI DataGrid

Load more features in .NET MAUI DataGrid

PullToRefresh

Users can now refresh the data when the DataGrid is pulled down.

Pull to refresh feature in .NET MAUI DataGrid

Pull to refresh feature in .NET MAUI DataGrid

Cartesian Charts

The new features added in the .NET MAUI Cartesian Chart are:

Histogram series

The histogram series is now available as a Cartesian series type. This helps us to visualize the data points within a continuous range in column format.

Histogram series in .NET MAUI Cartesian Charts

Histogram series in .NET MAUI Cartesian Charts

Plot band

Users can shade specific regions or ranges in the plot area background of the charts at regular or custom intervals. Additionally, text can be added to indicate the significance of each region.

Plot band feature in .NET MAUI Cartesian Charts

Plot band feature in .NET MAUI Cartesian Charts

Label Template

This template lets users add any view to the data labels.

Label template feature in .NET MAUI Cartesian Charts

Label template feature in .NET MAUI Cartesian Charts

Label context

You can display the content of data labels as the percentage value of the corresponding data point’s y-value.

Label context feature in .NET MAUI Cartesian Charts

Label context feature in .NET MAUI Cartesian Charts

Circular Charts

The new features added in the .NET MAUI Circular Chart are:

Label Template

This template lets users add any kind of view to the data labels.

Label template feature in .NET MAUI Circular Charts

Label template feature in .NET MAUI Circular Charts

Label context

Utilize this feature to display the content of data labels as the percentage value of the corresponding data point’s y-value.

DataForm

The .NET MAUI DataForm delivers the following new features in this 2024 volume 1 release:

Floating label layout for pickers

You can make labels elegantly float above the input fields in date, time, and picker editors.

<Floating label layout for pickers in .NET MAUI DataForm>

Floating label layout for pickers in .NET MAUI DataForm

Label view customization

This feature allows users to customize the label view in the default stack (label and editor) layout.

Image Editor

The .NET MAUI Image Editor introduces the following new vivid features:

Serialization

This feature allows users to serialize and deserialize annotations and their settings.

Serializing and deserializing annotations in .NET MAUI Image Editor

Serializing and deserializing annotations in .NET MAUI Image Editor

Custom annotation view

Users can add a custom annotation view in the Image Editor.

Custom annotation view in .NET MAUI Image Editor

Custom annotation view in .NET MAUI Image Editor

Z-ordering for annotations

Users can change the order of annotations along the z-axis in the Image Editor.

Z-ordering for annotations in .NET MAUI Image Editor

Z-ordering for annotations in .NET MAUI Image Editor

PDF Viewer

The .NET MAUI PDF Viewer provides support for the following user-friendly features:

Electronic signatures

Add, remove, and modify electronic signatures in PDF files, including freehand-drawn, text, and image signatures. It can be used to sign contracts and agreements digitally, eliminating the need for physical signatures.

E-Signature feature in .NET MAUI PDF Viewer

E-Signature feature in .NET MAUI PDF Viewer

Custom bookmarks

Add, remove, and modify custom bookmarks in PDF files. They let users quickly jump to specific sections or chapters without scrolling through the entire document.

Custom bookmarks feature in .NET MAUI PDF Viewer

Custom bookmarks feature in .NET MAUI PDF Viewer

Page layout modes

Users can view the PDF files in different page layout modes, namely, continuous and single page. The single-page layout mode can be used to enhance the reading experience, especially when the content is text-heavy. It provides a focused view, allowing readers to concentrate on one page at a time without distractions. The layout seamlessly transitions from one page to another when presenting PDF documents as slideshows.

Single page layout mode in .NET MAUI PDF Viewer

Single page layout mode in .NET MAUI PDF Viewer

Stylus-only mode for ink annotations

With this feature, you can draw ink annotations with the stylus in PDF files on the Android and iOS platforms. You can also perform panning and scrolling in a PDF using the stylus. This feature enhances precision when adding ink annotations to a document. Users can take advantage of the stylus for more accurate and natural-looking drawings.

Scheduler

You can enjoy the following features in the .NET MAUI Scheduler:

Customize cell selection

You can customize the selection background and add a custom view in the Scheduler.

Customizing cell selection background in .NET MAUI Scheduler

Customizing cell selection background in .NET MAUI Scheduler

Appointment indicator count support

Customize the appointment indicator count in the month view cell according to the width of the month cell.

TreeView

The new features added in the .NET MAUI TreeView are:

Load on-demand

Users can load child items dynamically when expanding the parent node.

Load on-demand feature in .NET MAUI TreeView

Load on-demand feature in .NET MAUI TreeView

Checkbox

Users can load a checkbox in each node and toggle the checked and unchecked state of the respective nodes.

Check box support in .NET MAUI TreeView

Check box support in .NET MAUI TreeView

Production-ready controls

The following .NET MAUI controls have been developed to meet the industry standards and are marked as production-ready with this 2024 volume 1 release:

Conclusion

Thanks for reading! I hope you enjoyed exploring Syncfusion’s new .NET MAUI controls and features introduced in the Essential Studio 2024 Volume 1 release. If you want to learn about the other updates in this release, please visit our Release Notes and What’s New pages.

If you are not a Syncfusion customer, we invite you to try our 30-day free trial to experience these latest features. Feel free to share any feedback or questions in the comments section below.

You can also reach us through our support forums, support portal, or feedback portal. We are always happy to assist you!

Related blogs

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .