Create a Breadcrumb Control for WPF

The Breadcrumb control allows you to reproduce the Windows File Explorer UX. This example demonstrates how to create a WPF Breadcrumb Control and bind it to the Item-Children data relation.

<dxco:BreadcrumbControl  ItemsSource="{Binding Items}" VerticalAlignment="Top"
                          SelectedItemPath="{Binding Value, Mode=TwoWay}"
                          DisplayMember="Name" ChildMember="Children"
                          EmptyItemText="Selected root item"/>

public class Item : BindableBase {
    public string Name {
        get { return GetProperty(() => Name); }
        set { SetProperty(() => Name, value); }
    }
    public int Value {
        get { return GetProperty(() => Value); }
        set { SetProperty(() => Value, value); }
    }
    public List<Child> Children {
        get { return GetProperty(() => Children); }
        set { SetProperty(() => Children, value); }
    }
}

public class Child {
    public string Name { get; internal set; }
}

Files to Review

• MainWindow.xaml
• MainWindow.xaml.cs

Documentation

• WPF Navigation Controls