csharpc-sharpdotnetxamlavaloniauicross-platformcross-platform-xamlavaloniaguimulti-platformuser-interfacedotnetcore
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.3 KiB
98 lines
3.3 KiB
// -----------------------------------------------------------------------
|
|
// <copyright file="DevTools.cs" company="Steven Kirk">
|
|
// Copyright 2014 MIT Licence. See licence.md for more information.
|
|
// </copyright>
|
|
// -----------------------------------------------------------------------
|
|
|
|
namespace Perspex.Diagnostics.Views
|
|
{
|
|
using Perspex.Controls;
|
|
using Perspex.Diagnostics.ViewModels;
|
|
using ReactiveUI;
|
|
using System;
|
|
using System.Reactive.Linq;
|
|
|
|
internal class LogicalTreeView : TreePage
|
|
{
|
|
private static readonly PerspexProperty<LogicalTreeViewModel> ViewModelProperty =
|
|
PerspexProperty.Register<LogicalTreeView, LogicalTreeViewModel>("ViewModel");
|
|
|
|
public LogicalTreeView()
|
|
{
|
|
this.InitializeComponent();
|
|
this.GetObservable(DataContextProperty)
|
|
.Subscribe(x => this.ViewModel = (LogicalTreeViewModel)x);
|
|
}
|
|
|
|
public LogicalTreeViewModel ViewModel
|
|
{
|
|
get { return this.GetValue(ViewModelProperty); }
|
|
private set { this.SetValue(ViewModelProperty, value); }
|
|
}
|
|
|
|
private void InitializeComponent()
|
|
{
|
|
TreeView tree;
|
|
|
|
this.Content = new Grid
|
|
{
|
|
ColumnDefinitions = new ColumnDefinitions
|
|
{
|
|
new ColumnDefinition(1, GridUnitType.Star),
|
|
new ColumnDefinition(4, GridUnitType.Pixel),
|
|
new ColumnDefinition(3, GridUnitType.Star),
|
|
},
|
|
Children = new Controls
|
|
{
|
|
(tree = new TreeView
|
|
{
|
|
DataTemplates = new DataTemplates
|
|
{
|
|
new TreeDataTemplate<LogicalTreeNode>(this.GetHeader, x => x.Children),
|
|
},
|
|
[!TreeView.ItemsProperty] = this.WhenAnyValue(x => x.ViewModel.Nodes),
|
|
}),
|
|
new GridSplitter
|
|
{
|
|
[Grid.ColumnProperty] = 1,
|
|
Width = 4,
|
|
},
|
|
new ContentControl
|
|
{
|
|
[!ContentControl.ContentProperty] = this.WhenAnyValue(x => x.ViewModel.Details),
|
|
[Grid.ColumnProperty] = 2,
|
|
}
|
|
}
|
|
};
|
|
|
|
tree.GetObservable(TreeView.SelectedItemProperty)
|
|
.OfType<LogicalTreeNode>()
|
|
.Subscribe(x => this.ViewModel.SelectedNode = x);
|
|
}
|
|
|
|
private Control GetHeader(LogicalTreeNode node)
|
|
{
|
|
var result = new StackPanel
|
|
{
|
|
Orientation = Orientation.Horizontal,
|
|
Gap = 8,
|
|
Children = new Controls
|
|
{
|
|
new TextBlock
|
|
{
|
|
Text = node.Type,
|
|
},
|
|
new TextBlock
|
|
{
|
|
[!TextBlock.TextProperty] = node.WhenAnyValue(x => x.Classes),
|
|
}
|
|
}
|
|
};
|
|
|
|
result.PointerEnter += this.AddAdorner;
|
|
result.PointerLeave += this.RemoveAdorner;
|
|
|
|
return result;
|
|
}
|
|
}
|
|
}
|
|
|