DevExpress Tree View for .NET MAUI

• Oct 30, 2024

The DevExpress Mobile UI for .NET MAUI suite contains the DXTreeView component that allows you to display hierarchical data items.

View Example: DevExpress Tree View for .NET MAUI

Tree View Elements (Anatomy)

The following figure shows basic elements of a Tree View:

Add a Tree View to a Page

Download and install the DevExpress.Maui.TreeView package from the DevExpress NuGet Gallery to obtain the DXTreeView component. For more information on how to build your first .NET MAUI app, refer to the following help topic: Get Started.

• XAML

<ContentPage ...
             xmlns:dx="http://schemas.devexpress.com/maui"
             xmlns:local="clr-namespace:TreeViewExample">
    <ContentPage.BindingContext>
        <local:ViewModel/>
    </ContentPage.BindingContext>
    <dx:DXTreeView ItemsSource="{Binding Data}">
        ...
    </dx:DXTreeView>
</ContentPage>

Next Steps

Display Hierarchical DataThis help topic describes how to populate a Tree View with items.Filter and Sort DataThis help topic explains how to shape Tree View item data.Collapse and Expand NodesThis help topic explains how to collapse and expand Tree View nodes.Swipe GesturesThis topic explains how to show swipe elements and perform custom actions when a user swipes a Tree View node.Customize AppearanceLists API members that you can use to change the appearance and layout of the DXTreeView control and its items.