From 188faa07c5333b14e9c734b1c8a3cefa47da94b6 Mon Sep 17 00:00:00 2001 From: Dariusz Komosinski Date: Mon, 22 Feb 2021 09:47:12 +0100 Subject: [PATCH 1/6] WIP setup for inspecting styles. --- .../ViewModels/ControlDetailsViewModel.cs | 208 ++++++++++++++++++ .../Diagnostics/Views/ControlDetailsView.xaml | 49 ++++- src/Avalonia.Styling/StyledElement.cs | 30 +++ .../Styling/IStyleInstance.cs | 2 + src/Avalonia.Styling/Styling/StyleInstance.cs | 9 +- 5 files changed, 292 insertions(+), 6 deletions(-) diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs index fa41eacbeb..6c622ad6c3 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs @@ -1,12 +1,131 @@ using System; using System.Collections.Generic; +using System.Collections.ObjectModel; +using System.Collections.Specialized; using System.ComponentModel; using System.Linq; +using System.Reflection; using Avalonia.Collections; +using Avalonia.Controls; +using Avalonia.Controls.Metadata; +using Avalonia.Markup.Xaml.MarkupExtensions; +using Avalonia.Media; +using Avalonia.Styling; using Avalonia.VisualTree; namespace Avalonia.Diagnostics.ViewModels { + internal class StyleViewModel : ViewModelBase + { + private readonly IStyleInstance _styleInstance; + private bool _isActive; + + public StyleViewModel(IStyleInstance styleInstance, string name, List setters) + { + _styleInstance = styleInstance; + IsActive = styleInstance.IsActive; + Name = name; + Setters = setters; + } + + public bool IsActive + { + get => _isActive; + set => RaiseAndSetIfChanged(ref _isActive, value); + } + + public string Name { get; } + + public List Setters { get; } + + public void Update() + { + IsActive = _styleInstance.IsActive; + } + } + + internal enum ValueKind + { + Regular, + Resource + } + + internal class SetterViewModel : ViewModelBase + { + public string Name { get; } + + public object Value { get; } + + public ValueKind Kind { get; } + + public bool IsSpecialKind => Kind != ValueKind.Regular; + + public IBrush KindColor { get; } + + public SetterViewModel(string name, object value, ValueKind kind) + { + Name = name; + Value = value; + Kind = kind; + + if (Kind == ValueKind.Resource) + { + KindColor = Brushes.Brown; + } + else + { + KindColor = Brushes.Transparent; + } + } + } + + internal class PseudoClassesViewModel : ViewModelBase + { + private readonly StyledElement _source; + private readonly IPseudoClasses _pseudoClasses; + private bool _isActive; + private bool _isUpdating; + + public PseudoClassesViewModel(string name, StyledElement source) + { + Name = name; + _source = source; + _pseudoClasses = _source.Classes; + + Update(); + } + + public string Name { get; } + + public bool IsActive + { + get => _isActive; + set + { + RaiseAndSetIfChanged(ref _isActive, value); + + if (!_isUpdating) + { + _pseudoClasses.Set(Name, value); + } + } + } + + public void Update() + { + try + { + _isUpdating = true; + + IsActive = _source.Classes.Contains(Name); + } + finally + { + _isUpdating = false; + } + } + } + internal class ControlDetailsViewModel : ViewModelBase, IDisposable { private readonly IVisual _control; @@ -43,12 +162,76 @@ namespace Avalonia.Diagnostics.ViewModels { ao.PropertyChanged += ControlPropertyChanged; } + + AppliedStyles = new ObservableCollection(); + PseudoClasses = new ObservableCollection(); + + if (control is StyledElement styledElement) + { + styledElement.Classes.CollectionChanged += OnClassesChanged; + + var pseudoClassAttributes = styledElement.GetType().GetCustomAttributes(true); + + foreach (var classAttribute in pseudoClassAttributes) + { + foreach (var className in classAttribute.PseudoClasses) + { + PseudoClasses.Add(new PseudoClassesViewModel(className, styledElement)); + } + } + + var styleDiagnostics = styledElement.GetStyleDiagnostics(); + + foreach (var appliedStyle in styleDiagnostics.AppliedStyles) + { + var styleSource = appliedStyle.Source; + + var setters = new List(); + + if (styleSource is Style style) + { + foreach (var setter in style.Setters) + { + if (setter is Setter regularSetter) + { + var setterValue = regularSetter.Value; + + ValueKind kind = ValueKind.Regular; + + if (setterValue is DynamicResourceExtension dynResource) + { + var resolved = styledElement.FindResource(dynResource.ResourceKey); + + if (resolved != null) + { + setterValue = $"{resolved} ({dynResource.ResourceKey})"; + } + else + { + setterValue = dynResource.ResourceKey; + } + + kind = ValueKind.Resource; + } + + setters.Add(new SetterViewModel(regularSetter.Property?.Name ?? "?", setterValue, kind)); + } + } + + AppliedStyles.Add(new StyleViewModel(appliedStyle, style.Selector?.ToString() ?? "No selector", setters)); + } + } + } } public TreePageViewModel TreePage { get; } public DataGridCollectionView PropertiesView { get; } + public ObservableCollection AppliedStyles { get; } + + public ObservableCollection PseudoClasses { get; } + public AvaloniaPropertyViewModel SelectedProperty { get => _selectedProperty; @@ -68,6 +251,11 @@ namespace Avalonia.Diagnostics.ViewModels { ao.PropertyChanged -= ControlPropertyChanged; } + + if (_control is StyledElement se) + { + se.Classes.CollectionChanged -= OnClassesChanged; + } } private IEnumerable GetAvaloniaProperties(object o) @@ -129,6 +317,26 @@ namespace Avalonia.Diagnostics.ViewModels property.Update(); } } + + UpdateStyles(); + } + + private void OnClassesChanged(object sender, NotifyCollectionChangedEventArgs e) + { + UpdateStyles(); + } + + private void UpdateStyles() + { + foreach (var style in AppliedStyles) + { + style.Update(); + } + + foreach (var pseudoClass in PseudoClasses) + { + pseudoClass.Update(); + } } private bool FilterProperty(object arg) diff --git a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml index 2e0b6813ba..9b341c1388 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml +++ b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml @@ -105,7 +105,7 @@ - + @@ -148,7 +148,52 @@ - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/Avalonia.Styling/StyledElement.cs b/src/Avalonia.Styling/StyledElement.cs index cc8d91462d..2f7ec13775 100644 --- a/src/Avalonia.Styling/StyledElement.cs +++ b/src/Avalonia.Styling/StyledElement.cs @@ -16,6 +16,24 @@ using Avalonia.Styling; namespace Avalonia { + public class StyleDiagnostics + { + public IReadOnlyList AppliedStyles { get; } + + public StyleDiagnostics(IReadOnlyList appliedStyles) + { + AppliedStyles = appliedStyles; + } + } + + public static class StyledElementExtensions + { + public static StyleDiagnostics GetStyleDiagnostics(this StyledElement styledElement) + { + return styledElement.GetStyleDiagnosticsInternal(); + } + } + /// /// Extends an with the following features: /// @@ -356,6 +374,18 @@ namespace Avalonia } } + internal StyleDiagnostics GetStyleDiagnosticsInternal() + { + IReadOnlyList? appliedStyles = _appliedStyles; + + if (appliedStyles is null) + { + appliedStyles = Array.Empty(); + } + + return new StyleDiagnostics(appliedStyles); + } + /// void ILogical.NotifyAttachedToLogicalTree(LogicalTreeAttachmentEventArgs e) { diff --git a/src/Avalonia.Styling/Styling/IStyleInstance.cs b/src/Avalonia.Styling/Styling/IStyleInstance.cs index cb094badd2..cdccc552a3 100644 --- a/src/Avalonia.Styling/Styling/IStyleInstance.cs +++ b/src/Avalonia.Styling/Styling/IStyleInstance.cs @@ -14,6 +14,8 @@ namespace Avalonia.Styling /// IStyle Source { get; } + bool IsActive { get; } + /// /// Instructs the style to start acting upon the control. /// diff --git a/src/Avalonia.Styling/Styling/StyleInstance.cs b/src/Avalonia.Styling/Styling/StyleInstance.cs index 8ca31d654f..830cf49a0d 100644 --- a/src/Avalonia.Styling/Styling/StyleInstance.cs +++ b/src/Avalonia.Styling/Styling/StyleInstance.cs @@ -17,7 +17,6 @@ namespace Avalonia.Styling private readonly List? _animations; private readonly IStyleActivator? _activator; private readonly Subject? _animationTrigger; - private bool _active; public StyleInstance( IStyle source, @@ -29,6 +28,7 @@ namespace Avalonia.Styling Source = source ?? throw new ArgumentNullException(nameof(source)); Target = target ?? throw new ArgumentNullException(nameof(target)); _activator = activator; + IsActive = _activator is null; if (setters is object) { @@ -56,6 +56,7 @@ namespace Avalonia.Styling } } + public bool IsActive { get; private set; } public IStyle Source { get; } public IStyleable Target { get; } @@ -104,15 +105,15 @@ namespace Avalonia.Styling private void ActivatorChanged(bool value) { - if (_active != value) + if (IsActive != value) { - _active = value; + IsActive = value; _animationTrigger?.OnNext(value); if (_setters is object) { - if (_active) + if (IsActive) { foreach (var setter in _setters) { From e428d5601aec3ff77ac7049be59729f214e1c8b1 Mon Sep 17 00:00:00 2001 From: Dariusz Komosinski Date: Mon, 22 Feb 2021 19:14:36 +0100 Subject: [PATCH 2/6] General UX improvements. --- .../Converters/BoolToOpacityConverter.cs | 21 ++ .../ViewModels/ControlDetailsViewModel.cs | 227 ++++++++---------- .../ViewModels/PseudoClassesViewModel.cs | 51 ++++ .../ViewModels/ResourceSetterViewModel.cs | 17 ++ .../Diagnostics/ViewModels/SetterViewModel.cs | 35 +++ .../Diagnostics/ViewModels/StyleViewModel.cs | 43 ++++ .../ViewModels/TreePageViewModel.cs | 7 + .../Diagnostics/Views/ControlDetailsView.xaml | 70 +++++- 8 files changed, 334 insertions(+), 137 deletions(-) create mode 100644 src/Avalonia.Diagnostics/Diagnostics/Converters/BoolToOpacityConverter.cs create mode 100644 src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs create mode 100644 src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs create mode 100644 src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs create mode 100644 src/Avalonia.Diagnostics/Diagnostics/ViewModels/StyleViewModel.cs diff --git a/src/Avalonia.Diagnostics/Diagnostics/Converters/BoolToOpacityConverter.cs b/src/Avalonia.Diagnostics/Diagnostics/Converters/BoolToOpacityConverter.cs new file mode 100644 index 0000000000..63ac3ab62f --- /dev/null +++ b/src/Avalonia.Diagnostics/Diagnostics/Converters/BoolToOpacityConverter.cs @@ -0,0 +1,21 @@ +using System; +using System.Globalization; +using Avalonia.Data.Converters; + +namespace Avalonia.Diagnostics.Converters +{ + internal class BoolToOpacityConverter : IValueConverter + { + public double Opacity { get; set; } + + public object Convert(object value, Type targetType, object parameter, CultureInfo culture) + { + return (bool)value ? 1d : Opacity; + } + + public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) + { + throw new NotImplementedException(); + } + } +} diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs index 6c622ad6c3..e6758d680c 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs @@ -9,128 +9,17 @@ using Avalonia.Collections; using Avalonia.Controls; using Avalonia.Controls.Metadata; using Avalonia.Markup.Xaml.MarkupExtensions; -using Avalonia.Media; using Avalonia.Styling; using Avalonia.VisualTree; namespace Avalonia.Diagnostics.ViewModels { - internal class StyleViewModel : ViewModelBase - { - private readonly IStyleInstance _styleInstance; - private bool _isActive; - - public StyleViewModel(IStyleInstance styleInstance, string name, List setters) - { - _styleInstance = styleInstance; - IsActive = styleInstance.IsActive; - Name = name; - Setters = setters; - } - - public bool IsActive - { - get => _isActive; - set => RaiseAndSetIfChanged(ref _isActive, value); - } - - public string Name { get; } - - public List Setters { get; } - - public void Update() - { - IsActive = _styleInstance.IsActive; - } - } - - internal enum ValueKind - { - Regular, - Resource - } - - internal class SetterViewModel : ViewModelBase - { - public string Name { get; } - - public object Value { get; } - - public ValueKind Kind { get; } - - public bool IsSpecialKind => Kind != ValueKind.Regular; - - public IBrush KindColor { get; } - - public SetterViewModel(string name, object value, ValueKind kind) - { - Name = name; - Value = value; - Kind = kind; - - if (Kind == ValueKind.Resource) - { - KindColor = Brushes.Brown; - } - else - { - KindColor = Brushes.Transparent; - } - } - } - - internal class PseudoClassesViewModel : ViewModelBase - { - private readonly StyledElement _source; - private readonly IPseudoClasses _pseudoClasses; - private bool _isActive; - private bool _isUpdating; - - public PseudoClassesViewModel(string name, StyledElement source) - { - Name = name; - _source = source; - _pseudoClasses = _source.Classes; - - Update(); - } - - public string Name { get; } - - public bool IsActive - { - get => _isActive; - set - { - RaiseAndSetIfChanged(ref _isActive, value); - - if (!_isUpdating) - { - _pseudoClasses.Set(Name, value); - } - } - } - - public void Update() - { - try - { - _isUpdating = true; - - IsActive = _source.Classes.Contains(Name); - } - finally - { - _isUpdating = false; - } - } - } - internal class ControlDetailsViewModel : ViewModelBase, IDisposable { private readonly IVisual _control; private readonly IDictionary> _propertyIndex; private AvaloniaPropertyViewModel _selectedProperty; + private string _styleFilter; public ControlDetailsViewModel(TreePageViewModel treePage, IVisual control) { @@ -196,32 +85,46 @@ namespace Avalonia.Diagnostics.ViewModels { var setterValue = regularSetter.Value; - ValueKind kind = ValueKind.Regular; + var resourceInfo = GetResourceInfo(setterValue); + + SetterViewModel setterVm; - if (setterValue is DynamicResourceExtension dynResource) + if (resourceInfo.HasValue) { - var resolved = styledElement.FindResource(dynResource.ResourceKey); - - if (resolved != null) - { - setterValue = $"{resolved} ({dynResource.ResourceKey})"; - } - else - { - setterValue = dynResource.ResourceKey; - } - - kind = ValueKind.Resource; + var resourceKey = resourceInfo.Value.resourceKey; + var resourceValue = styledElement.FindResource(resourceKey); + + setterVm = new ResourceSetterViewModel(regularSetter.Property, resourceKey, resourceValue, resourceInfo.Value.isDynamic); + } + else + { + setterVm = new SetterViewModel(regularSetter.Property, setterValue); } - setters.Add(new SetterViewModel(regularSetter.Property?.Name ?? "?", setterValue, kind)); + setters.Add(setterVm); } } AppliedStyles.Add(new StyleViewModel(appliedStyle, style.Selector?.ToString() ?? "No selector", setters)); } } + + UpdateStyles(); + } + } + + private (object resourceKey, bool isDynamic)? GetResourceInfo(object value) + { + if (value is StaticResourceExtension staticResource) + { + return (staticResource.ResourceKey, false); } + else if (value is DynamicResourceExtension dynamicResource) + { + return (dynamicResource.ResourceKey, true); + } + + return null; } public TreePageViewModel TreePage { get; } @@ -237,9 +140,46 @@ namespace Avalonia.Diagnostics.ViewModels get => _selectedProperty; set => RaiseAndSetIfChanged(ref _selectedProperty, value); } + + public string StyleFilter + { + get => _styleFilter; + set => RaiseAndSetIfChanged(ref _styleFilter, value); + } public ControlLayoutViewModel Layout { get; } + protected override void OnPropertyChanged(PropertyChangedEventArgs e) + { + base.OnPropertyChanged(e); + + if (e.PropertyName == nameof(StyleFilter)) + { + UpdateStyleFilters(); + } + } + + private void UpdateStyleFilters() + { + var filter = StyleFilter; + bool hasFilter = !string.IsNullOrEmpty(filter); + + foreach (var style in AppliedStyles) + { + var hasVisibleSetter = false; + + foreach (var setter in style.Setters) + { + setter.IsVisible = + !hasFilter || setter.Name.IndexOf(filter, StringComparison.OrdinalIgnoreCase) >= 0; + + hasVisibleSetter |= setter.IsVisible; + } + + style.IsVisible = hasVisibleSetter; + } + } + public void Dispose() { if (_control is INotifyPropertyChanged inpc) @@ -333,6 +273,39 @@ namespace Avalonia.Diagnostics.ViewModels style.Update(); } + var propertyBuckets = new Dictionary>(); + + foreach (var style in AppliedStyles) + { + if (!style.IsActive) + { + continue; + } + + foreach (var setter in style.Setters) + { + if (propertyBuckets.TryGetValue(setter.Property, out var setters)) + { + foreach (var otherSetter in setters) + { + otherSetter.IsActive = false; + } + + setter.IsActive = true; + + setters.Add(setter); + } + else + { + setter.IsActive = true; + + setters = new List { setter }; + + propertyBuckets.Add(setter.Property, setters); + } + } + } + foreach (var pseudoClass in PseudoClasses) { pseudoClass.Update(); diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs new file mode 100644 index 0000000000..dd2452333e --- /dev/null +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs @@ -0,0 +1,51 @@ +using Avalonia.Controls; + +namespace Avalonia.Diagnostics.ViewModels +{ + internal class PseudoClassesViewModel : ViewModelBase + { + private readonly IPseudoClasses _pseudoClasses; + private readonly StyledElement _source; + private bool _isActive; + private bool _isUpdating; + + public PseudoClassesViewModel(string name, StyledElement source) + { + Name = name; + _source = source; + _pseudoClasses = _source.Classes; + + Update(); + } + + public string Name { get; } + + public bool IsActive + { + get => _isActive; + set + { + RaiseAndSetIfChanged(ref _isActive, value); + + if (!_isUpdating) + { + _pseudoClasses.Set(Name, value); + } + } + } + + public void Update() + { + try + { + _isUpdating = true; + + IsActive = _source.Classes.Contains(Name); + } + finally + { + _isUpdating = false; + } + } + } +} diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs new file mode 100644 index 0000000000..fedfa1c0b4 --- /dev/null +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs @@ -0,0 +1,17 @@ +using Avalonia.Media; + +namespace Avalonia.Diagnostics.ViewModels +{ + internal class ResourceSetterViewModel : SetterViewModel + { + public object Key { get; } + + public IBrush Tint { get; } + + public ResourceSetterViewModel(AvaloniaProperty property, object resourceKey, object resourceValue, bool isDynamic) : base(property, resourceValue) + { + Key = resourceKey; + Tint = isDynamic ? Brushes.Orange : Brushes.Brown; + } + } +} diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs new file mode 100644 index 0000000000..691817ccd1 --- /dev/null +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs @@ -0,0 +1,35 @@ +namespace Avalonia.Diagnostics.ViewModels +{ + internal class SetterViewModel : ViewModelBase + { + private bool _isActive; + private bool _isVisible; + + public AvaloniaProperty Property { get; } + + public string Name { get; } + + public object Value { get; } + + public bool IsActive + { + get => _isActive; + set => RaiseAndSetIfChanged(ref _isActive, value); + } + + public bool IsVisible + { + get => _isVisible; + set => RaiseAndSetIfChanged(ref _isVisible, value); + } + + public SetterViewModel(AvaloniaProperty property, object value) + { + Property = property; + Name = property.Name; + Value = value; + IsActive = true; + IsVisible = true; + } + } +} diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/StyleViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/StyleViewModel.cs new file mode 100644 index 0000000000..06e2409800 --- /dev/null +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/StyleViewModel.cs @@ -0,0 +1,43 @@ +using System.Collections.Generic; +using Avalonia.Styling; + +namespace Avalonia.Diagnostics.ViewModels +{ + internal class StyleViewModel : ViewModelBase + { + private readonly IStyleInstance _styleInstance; + private bool _isActive; + private bool _isVisible; + + public StyleViewModel(IStyleInstance styleInstance, string name, List setters) + { + _styleInstance = styleInstance; + IsVisible = true; + Name = name; + Setters = setters; + + Update(); + } + + public bool IsActive + { + get => _isActive; + set => RaiseAndSetIfChanged(ref _isActive, value); + } + + public bool IsVisible + { + get => _isVisible; + set => RaiseAndSetIfChanged(ref _isVisible, value); + } + + public string Name { get; } + + public List Setters { get; } + + public void Update() + { + IsActive = _styleInstance.IsActive; + } + } +} diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/TreePageViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/TreePageViewModel.cs index bd65a3b06b..6b779cd6ac 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/TreePageViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/TreePageViewModel.cs @@ -31,11 +31,18 @@ namespace Avalonia.Diagnostics.ViewModels get => _selectedNode; private set { + var oldDetails = Details; + if (RaiseAndSetIfChanged(ref _selectedNode, value)) { Details = value != null ? new ControlDetailsViewModel(this, value.Visual) : null; + + if (Details != null && oldDetails != null) + { + Details.StyleFilter = oldDetails.StyleFilter; + } } } } diff --git a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml index 9b341c1388..7b5fbbfb22 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml +++ b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml @@ -2,6 +2,7 @@ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:conv="clr-namespace:Avalonia.Diagnostics.Converters" xmlns:local="clr-namespace:Avalonia.Diagnostics.Views" + xmlns:vm="clr-namespace:Avalonia.Diagnostics.ViewModels" x:Class="Avalonia.Diagnostics.Views.ControlDetailsView"> @@ -11,6 +12,7 @@ + @@ -149,29 +151,77 @@ - + + + + - + - + + + + + + + + - - + + + + + + + + + + - - - - + + + + + + - + + + + + + + + ( + + + ) + + + + + + + + + + + + + + + + + + From 02fa3502e0438b8f04194a9fc51bfbdcdb1c2056 Mon Sep 17 00:00:00 2001 From: Dariusz Komosinski Date: Thu, 25 Feb 2021 23:20:07 +0100 Subject: [PATCH 3/6] Cleanup styling code. --- .../Diagnostics/StyleDiagnostics.cs | 21 +++++++++++++++++++ .../Diagnostics/StyledElementExtensions.cs | 17 +++++++++++++++ src/Avalonia.Styling/StyledElement.cs | 18 ---------------- .../Styling/IStyleInstance.cs | 3 +++ 4 files changed, 41 insertions(+), 18 deletions(-) create mode 100644 src/Avalonia.Styling/Diagnostics/StyleDiagnostics.cs create mode 100644 src/Avalonia.Styling/Diagnostics/StyledElementExtensions.cs diff --git a/src/Avalonia.Styling/Diagnostics/StyleDiagnostics.cs b/src/Avalonia.Styling/Diagnostics/StyleDiagnostics.cs new file mode 100644 index 0000000000..984b145e68 --- /dev/null +++ b/src/Avalonia.Styling/Diagnostics/StyleDiagnostics.cs @@ -0,0 +1,21 @@ +using System.Collections.Generic; +using Avalonia.Styling; + +namespace Avalonia.Diagnostics +{ + /// + /// Contains information about style related diagnostics of a control. + /// + public class StyleDiagnostics + { + /// + /// Currently applied styles. + /// + public IReadOnlyList AppliedStyles { get; } + + public StyleDiagnostics(IReadOnlyList appliedStyles) + { + AppliedStyles = appliedStyles; + } + } +} diff --git a/src/Avalonia.Styling/Diagnostics/StyledElementExtensions.cs b/src/Avalonia.Styling/Diagnostics/StyledElementExtensions.cs new file mode 100644 index 0000000000..d7bcc1aa47 --- /dev/null +++ b/src/Avalonia.Styling/Diagnostics/StyledElementExtensions.cs @@ -0,0 +1,17 @@ +namespace Avalonia.Diagnostics +{ + /// + /// Defines diagnostic extensions on s. + /// + public static class StyledElementExtensions + { + /// + /// Gets a style diagnostics for a . + /// + /// The element. + public static StyleDiagnostics GetStyleDiagnostics(this StyledElement styledElement) + { + return styledElement.GetStyleDiagnosticsInternal(); + } + } +} diff --git a/src/Avalonia.Styling/StyledElement.cs b/src/Avalonia.Styling/StyledElement.cs index 2f7ec13775..fad281244f 100644 --- a/src/Avalonia.Styling/StyledElement.cs +++ b/src/Avalonia.Styling/StyledElement.cs @@ -16,24 +16,6 @@ using Avalonia.Styling; namespace Avalonia { - public class StyleDiagnostics - { - public IReadOnlyList AppliedStyles { get; } - - public StyleDiagnostics(IReadOnlyList appliedStyles) - { - AppliedStyles = appliedStyles; - } - } - - public static class StyledElementExtensions - { - public static StyleDiagnostics GetStyleDiagnostics(this StyledElement styledElement) - { - return styledElement.GetStyleDiagnosticsInternal(); - } - } - /// /// Extends an with the following features: /// diff --git a/src/Avalonia.Styling/Styling/IStyleInstance.cs b/src/Avalonia.Styling/Styling/IStyleInstance.cs index cdccc552a3..8ddb989bc0 100644 --- a/src/Avalonia.Styling/Styling/IStyleInstance.cs +++ b/src/Avalonia.Styling/Styling/IStyleInstance.cs @@ -14,6 +14,9 @@ namespace Avalonia.Styling /// IStyle Source { get; } + /// + /// Gets a value indicating whether this style is active. + /// bool IsActive { get; } /// From bf40bae0ed0634a69db3ace9795a7e40e1fe2671 Mon Sep 17 00:00:00 2001 From: Dariusz Komosinski Date: Thu, 25 Feb 2021 23:23:14 +0100 Subject: [PATCH 4/6] API diff update. --- src/Avalonia.Styling/ApiCompatBaseline.txt | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 src/Avalonia.Styling/ApiCompatBaseline.txt diff --git a/src/Avalonia.Styling/ApiCompatBaseline.txt b/src/Avalonia.Styling/ApiCompatBaseline.txt new file mode 100644 index 0000000000..0eedc3e360 --- /dev/null +++ b/src/Avalonia.Styling/ApiCompatBaseline.txt @@ -0,0 +1,4 @@ +Compat issues with assembly Avalonia.Styling: +InterfacesShouldHaveSameMembers : Interface member 'public System.Boolean Avalonia.Styling.IStyleInstance.IsActive' is present in the implementation but not in the contract. +InterfacesShouldHaveSameMembers : Interface member 'public System.Boolean Avalonia.Styling.IStyleInstance.IsActive.get()' is present in the implementation but not in the contract. +Total Issues: 2 From 161b9374a59a9631f2b2bfa976a0bf4eba21e457 Mon Sep 17 00:00:00 2001 From: Dariusz Komosinski Date: Fri, 26 Feb 2021 00:27:30 +0100 Subject: [PATCH 5/6] Add style snapshotting and context menus to copy property values. --- .../ViewModels/ControlDetailsViewModel.cs | 32 +++++++++++++++---- .../Diagnostics/ViewModels/MainViewModel.cs | 8 +++++ ...esViewModel.cs => PseudoClassViewModel.cs} | 4 +-- .../ViewModels/ResourceSetterViewModel.cs | 10 ++++++ .../Diagnostics/ViewModels/SetterViewModel.cs | 26 ++++++++++++++- .../Diagnostics/Views/ControlDetailsView.xaml | 22 +++++++++++-- .../Diagnostics/Views/MainWindow.xaml.cs | 10 ++++++ 7 files changed, 101 insertions(+), 11 deletions(-) rename src/Avalonia.Diagnostics/Diagnostics/ViewModels/{PseudoClassesViewModel.cs => PseudoClassViewModel.cs} (88%) diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs index e6758d680c..19eb14ba06 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs @@ -20,6 +20,7 @@ namespace Avalonia.Diagnostics.ViewModels private readonly IDictionary> _propertyIndex; private AvaloniaPropertyViewModel _selectedProperty; private string _styleFilter; + private bool _snapshotStyles; public ControlDetailsViewModel(TreePageViewModel treePage, IVisual control) { @@ -53,7 +54,7 @@ namespace Avalonia.Diagnostics.ViewModels } AppliedStyles = new ObservableCollection(); - PseudoClasses = new ObservableCollection(); + PseudoClasses = new ObservableCollection(); if (control is StyledElement styledElement) { @@ -65,7 +66,7 @@ namespace Avalonia.Diagnostics.ViewModels { foreach (var className in classAttribute.PseudoClasses) { - PseudoClasses.Add(new PseudoClassesViewModel(className, styledElement)); + PseudoClasses.Add(new PseudoClassViewModel(className, styledElement)); } } @@ -133,7 +134,7 @@ namespace Avalonia.Diagnostics.ViewModels public ObservableCollection AppliedStyles { get; } - public ObservableCollection PseudoClasses { get; } + public ObservableCollection PseudoClasses { get; } public AvaloniaPropertyViewModel SelectedProperty { @@ -146,7 +147,13 @@ namespace Avalonia.Diagnostics.ViewModels get => _styleFilter; set => RaiseAndSetIfChanged(ref _styleFilter, value); } - + + public bool SnapshotStyles + { + get => _snapshotStyles; + set => RaiseAndSetIfChanged(ref _snapshotStyles, value); + } + public ControlLayoutViewModel Layout { get; } protected override void OnPropertyChanged(PropertyChangedEventArgs e) @@ -157,6 +164,13 @@ namespace Avalonia.Diagnostics.ViewModels { UpdateStyleFilters(); } + else if (e.PropertyName == nameof(SnapshotStyles)) + { + if (!SnapshotStyles) + { + UpdateStyles(); + } + } } private void UpdateStyleFilters() @@ -258,12 +272,18 @@ namespace Avalonia.Diagnostics.ViewModels } } - UpdateStyles(); + if (!SnapshotStyles) + { + UpdateStyles(); + } } private void OnClassesChanged(object sender, NotifyCollectionChangedEventArgs e) { - UpdateStyles(); + if (!SnapshotStyles) + { + UpdateStyles(); + } } private void UpdateStyles() diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/MainViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/MainViewModel.cs index bf7d0e232a..3049431361 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/MainViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/MainViewModel.cs @@ -163,6 +163,14 @@ namespace Avalonia.Diagnostics.ViewModels tree?.SelectControl(control); } + public void EnableSnapshotStyles(bool enable) + { + if (Content is TreePageViewModel treeVm && treeVm.Details != null) + { + treeVm.Details.SnapshotStyles = enable; + } + } + public void Dispose() { KeyboardDevice.Instance.PropertyChanged -= KeyboardPropertyChanged; diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassViewModel.cs similarity index 88% rename from src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs rename to src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassViewModel.cs index dd2452333e..69126c2e2f 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassesViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/PseudoClassViewModel.cs @@ -2,14 +2,14 @@ namespace Avalonia.Diagnostics.ViewModels { - internal class PseudoClassesViewModel : ViewModelBase + internal class PseudoClassViewModel : ViewModelBase { private readonly IPseudoClasses _pseudoClasses; private readonly StyledElement _source; private bool _isActive; private bool _isUpdating; - public PseudoClassesViewModel(string name, StyledElement source) + public PseudoClassViewModel(string name, StyledElement source) { Name = name; _source = source; diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs index fedfa1c0b4..a82e13fcfa 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ResourceSetterViewModel.cs @@ -13,5 +13,15 @@ namespace Avalonia.Diagnostics.ViewModels Key = resourceKey; Tint = isDynamic ? Brushes.Orange : Brushes.Brown; } + + public void CopyResourceKey() + { + if (Key is null) + { + return; + } + + CopyToClipboard(Key.ToString()); + } } } diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs index 691817ccd1..e835f5a878 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/SetterViewModel.cs @@ -1,4 +1,6 @@ -namespace Avalonia.Diagnostics.ViewModels +using Avalonia.Input.Platform; + +namespace Avalonia.Diagnostics.ViewModels { internal class SetterViewModel : ViewModelBase { @@ -31,5 +33,27 @@ IsActive = true; IsVisible = true; } + + public void CopyValue() + { + if (Value is null) + { + return; + } + + CopyToClipboard(Value.ToString()); + } + + public void CopyPropertyName() + { + CopyToClipboard(Property.Name); + } + + protected static void CopyToClipboard(string value) + { + var clipboard = AvaloniaLocator.Current.GetService(); + + clipboard?.SetTextAsync(value); + } } } diff --git a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml index 7b5fbbfb22..c7a52a5a5f 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml +++ b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml @@ -152,8 +152,13 @@ - - + + + + + + + @@ -195,6 +200,13 @@ + + + + + + + @@ -210,6 +222,12 @@ + + + + + + diff --git a/src/Avalonia.Diagnostics/Diagnostics/Views/MainWindow.xaml.cs b/src/Avalonia.Diagnostics/Diagnostics/Views/MainWindow.xaml.cs index c4f9185728..330121321a 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/Views/MainWindow.xaml.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/Views/MainWindow.xaml.cs @@ -90,6 +90,16 @@ namespace Avalonia.Diagnostics.Views var vm = (MainViewModel)DataContext; vm.SelectControl((IControl)control); } + } + else if (e.Modifiers == RawInputModifiers.Alt) + { + if (e.Key == Key.S || e.Key == Key.D) + { + var enable = e.Key == Key.S; + + var vm = (MainViewModel)DataContext; + vm.EnableSnapshotStyles(enable); + } } } From 38ebab0916c933cb35938cade546ecf90366c2eb Mon Sep 17 00:00:00 2001 From: Dariusz Komosinski Date: Fri, 26 Feb 2021 18:15:59 +0100 Subject: [PATCH 6/6] Add info about how many styles are active and allow for showing inactive styles. --- .../Data/Converters/BoolConverters.cs | 6 +++++ .../ViewModels/ControlDetailsViewModel.cs | 23 +++++++++++++++++++ .../Diagnostics/Views/ControlDetailsView.xaml | 17 +++++++++----- 3 files changed, 40 insertions(+), 6 deletions(-) diff --git a/src/Avalonia.Base/Data/Converters/BoolConverters.cs b/src/Avalonia.Base/Data/Converters/BoolConverters.cs index 6740c2168f..9329cdd6af 100644 --- a/src/Avalonia.Base/Data/Converters/BoolConverters.cs +++ b/src/Avalonia.Base/Data/Converters/BoolConverters.cs @@ -12,5 +12,11 @@ namespace Avalonia.Data.Converters /// public static readonly IMultiValueConverter And = new FuncMultiValueConverter(x => x.All(y => y)); + + /// + /// A multi-value converter that returns true if any of the inputs is true. + /// + public static readonly IMultiValueConverter Or = + new FuncMultiValueConverter(x => x.Any(y => y)); } } diff --git a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs index 19eb14ba06..32592559e5 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs +++ b/src/Avalonia.Diagnostics/Diagnostics/ViewModels/ControlDetailsViewModel.cs @@ -21,6 +21,8 @@ namespace Avalonia.Diagnostics.ViewModels private AvaloniaPropertyViewModel _selectedProperty; private string _styleFilter; private bool _snapshotStyles; + private bool _showInactiveStyles; + private string _styleStatus; public ControlDetailsViewModel(TreePageViewModel treePage, IVisual control) { @@ -154,6 +156,18 @@ namespace Avalonia.Diagnostics.ViewModels set => RaiseAndSetIfChanged(ref _snapshotStyles, value); } + public bool ShowInactiveStyles + { + get => _showInactiveStyles; + set => RaiseAndSetIfChanged(ref _showInactiveStyles, value); + } + + public string StyleStatus + { + get => _styleStatus; + set => RaiseAndSetIfChanged(ref _styleStatus, value); + } + public ControlLayoutViewModel Layout { get; } protected override void OnPropertyChanged(PropertyChangedEventArgs e) @@ -288,9 +302,16 @@ namespace Avalonia.Diagnostics.ViewModels private void UpdateStyles() { + int activeCount = 0; + foreach (var style in AppliedStyles) { style.Update(); + + if (style.IsActive) + { + activeCount++; + } } var propertyBuckets = new Dictionary>(); @@ -330,6 +351,8 @@ namespace Avalonia.Diagnostics.ViewModels { pseudoClass.Update(); } + + StyleStatus = $"Styles ({activeCount}/{AppliedStyles.Count} active)"; } private bool FilterProperty(object arg) diff --git a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml index c7a52a5a5f..9ba576c826 100644 --- a/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml +++ b/src/Avalonia.Diagnostics/Diagnostics/Views/ControlDetailsView.xaml @@ -3,7 +3,8 @@ xmlns:conv="clr-namespace:Avalonia.Diagnostics.Converters" xmlns:local="clr-namespace:Avalonia.Diagnostics.Views" xmlns:vm="clr-namespace:Avalonia.Diagnostics.ViewModels" - x:Class="Avalonia.Diagnostics.Views.ControlDetailsView"> + x:Class="Avalonia.Diagnostics.Views.ControlDetailsView" + x:Name="Main"> @@ -153,9 +154,10 @@ - - - + + + + @@ -165,10 +167,13 @@ - + - + + + +