We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The TreeView control for Xamarin is a hierarchical listview representing hierarchical data in a tree like structure with expand and collapse node options. The control provides an optimized reuse strategy, smooth scrolling experience, and virtualization. In addition, illustrating office hierarchy, organizational structure, or nested relationships in an application can be done easily. It enhances performance with features like data binding, unbound node population, template selector, selection with different selection modes, complete UI customization, and commands for MVVM.


Data binding

The TreeView control supports both ItemsSource binding and unbound mode nodes population. Easily customize the TreeView control as a navigation control by populating the unbound mode nodes. This layout can be easily defined in the XAML. In addition, you can use all the necessary properties and commands of Xamarin.Forms TreeView in the MVVM approach.

Bind ItemsSource and unbound node population in the Xamarin Forms TreeView


Load on demand

TreeView has a load-on-demand option that allows you to load huge amounts of data by dynamically loading the indicator, which improves the control’s performance.

Load on demand in the Xamarin Forms TreeView


Custom template

The TreeView control allows you to customize an entire tree node by hosting any image or custom view using a template. The control supports customizing each node (both parent and child nodes) by dynamic selection of the UI using a data template selector.

Template customization in the Xamarin.Forms TreeView


Selection

  • Built-in support for selection with single, single-deselect, multiple, extended, and none select modes.
  • Background colors can be applied to selected items.
  • Support for keyboard navigation selection in UWP platform.

Xamarin.Forms TreeView with selection


Check box

Add check boxes to each tree node and check or clear the corresponding node.

Xamarin Forms TreeView appearance


Appearance

Expanded customization for Xamarin.Forms TreeView

Expander customization

The TreeView control provides a customizable expander UI, including size customization, for creating an elegant look and feel.

Define sizes for nodes in the Xamarin.Forms TreeView

Item sizing

Easily customize the item height for the Xamarin.Forms TreeView control.

Indent spacing for child node in the Xamarin.Forms TreeView

Indentation

Specify the required indentation space for child nodes in the Xamarin.Forms TreeView control.


Interaction with nodes

  • Easily expand and collapse nodes either programmatically or through user interaction using the expander. Additionally, users can expand and collapse nodes using node content.
  • Provides events for handling all user interactions at the application level.
  • Provides command properties for developing MVVM-based applications.

Animation

The TreeView control provides animation support when expanding or collapsing the tree view nodes. The animation behavior is customizable.

Xamarin.Forms TreeView appearance


Auto size tree nodes

Auto size the tree node height based on the node’s content to enhance content readability. Additionally, we can also set the height of the tree node to one level or one node conditionally.

Xamarin.Forms TreeView Automatically Adjusting Item Height Based on Content


Right to left(RTL)

TreeView supports to change the flow direction of the text from right to left.

Right to left in the Xamarin.Forms TreeView


Xamarin TreeView Code Example

Easily get started with the Xamarin TreeView using a few simple lines of C# code as demonstrated below. Also explore our Xamarin TreeView Example that shows you how to render and configure the Xamarin TreeView.

<Grid>
<syncfusion:SfTreeView x:Name="treeView" />
</Grid>
using Syncfusion.XForms.TreeView;
namespace XamarinTreeView
{
public class MainPage : ContentPage
{
public MainPage()
{
SfTreeView treeView = new SfTreeView();

Root_Grid.Children.Add(treeView );
}
}
}



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

The Syncfusion Xamarin TreeView provides the following:

  • An optimized view-reusing strategy for enhanced performance when loading large amounts of data.
  • Support for binding hierarchical data or adding unbound tree nodes.
  • Support for selection with different selection modes and keyboard navigation.
  • Support for loading data only when needed (lazy loading).
  • Complete UI customization and easily binding.
  • One of the best Xamarin TreeView components in the market that offers a feature-rich UI.
  • Simple configuration and API.
  • Touch friendly and responsive.
  • Extensive demos, documentation to learn quickly and get started with Xamarin TreeView.

You can find our Xamarin TreeView demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon