feat(showlocalvisualtree): Improved the display of .ShowLocalVisualTree() by adding details about Grid/Canvas positioning.

Author: carldebilly

src/Uno.UI/Extensions/UIViewExtensions.iOSmacOS.cs

@@ -639,6 +639,7 @@ StringBuilder AppendView(_View innerView)
 						.Append(uiElement != null ? $" AvailableSize={uiElement.LastAvailableSize}" : "")
 						.Append(uiElement?.NeedsClipToSlot ?? false ? " CLIPPED_TO_SLOT" : "")
 						.Append(uiElement?.GetElementSpecificDetails())
+						.Append(uiElement?.GetElementGridOrCanvasDetails())
 						.Append(uiElement?.RenderTransform.GetTransformDetails())
 						.AppendLine();
 			}

src/Uno.UI/Extensions/ViewExtensions.Android.cs

@@ -638,9 +638,11 @@ void AppendView(View innerView, string s)
 					.Append(fe != null && fe.TryGetPadding(out var p) && p != default ? $" Padding={p}" : "")
 					.Append(u != null ? $" DesiredSize={u.DesiredSize.ToString("F1")}" : "")
 					.Append(u != null && u.NeedsClipToSlot ? "CLIPPED_TO_SLOT" : "")
-					.Append(u != null && u.RenderTransform != null ? $"RENDER_TRANSFORM({u.RenderTransform.MatrixCore})" : "")
 					.Append(u?.Clip != null ? $" Clip={u.Clip.Rect}" : "")
 					.Append(u == null && vg != null ? $" ClipChildren={vg.ClipChildren}" : "")
+					.Append(u?.GetElementSpecificDetails())
+					.Append(u?.GetElementGridOrCanvasDetails())
+					.Append(u?.RenderTransform.GetTransformDetails())
 					.Append($" IsLayoutRequested={innerView.IsLayoutRequested}")
 					.Append(innerView is TextBlock textBlock ? $" Text=\"{textBlock.Text}\"" : "")
 					.AppendLine();

src/Uno.UI/Extensions/ViewExtensions.cs

@@ -12,6 +12,7 @@
 
 using System.Collections.Generic;
 using System.Linq;
+using System.Text;
 using Uno.Extensions;
 using Windows.UI.Xaml;
 using Windows.UI.Xaml.Controls;
@@ -41,8 +42,54 @@ internal static string GetElementSpecificDetails(this UIElement element)
 				TextBlock textBlock => $" Text=\"{textBlock.Text}\" Foreground={textBlock.Foreground}",
 				ScrollViewer scrollViewer => $" Extent={scrollViewer.ExtentWidth}x{scrollViewer.ExtentHeight} Offset={scrollViewer.ScrollOffsets}",
 				Viewbox viewbox => $" Stretch={viewbox.Stretch}",
+				SplitView splitview => $" Mode={splitview.DisplayMode}",
+				Grid grid => GetGridDetails(grid),
 				_ => ""
 			};
+
+			string GetGridDetails(Grid grid)
+			{
+				string columns = default;
+				if (grid.ColumnDefinitions.Count > 1)
+				{
+					columns = " Cols=" + grid.ColumnDefinitions
+						.Select<ColumnDefinition, string>(x => x.Width.ToString())
+						.JoinBy(",");
+				}
+
+				string rows = default;
+				if (grid.RowDefinitions.Count > 1)
+				{
+					rows = " Rows=" + grid.RowDefinitions
+						.Select<RowDefinition, string>(x => x.Height.ToString())
+						.JoinBy(",");
+				}
+
+				return columns + rows;
+			}
+		}
+
+		internal static string GetElementGridOrCanvasDetails(this UIElement element)
+		{
+			var sb = new StringBuilder();
+
+			CheckProperty(Grid.ColumnProperty);
+			CheckProperty(Grid.RowProperty);
+			CheckProperty(Grid.ColumnSpanProperty);
+			CheckProperty(Grid.RowSpanProperty);
+			CheckProperty(Canvas.TopProperty);
+			CheckProperty(Canvas.LeftProperty);
+			CheckProperty(Canvas.ZIndexProperty);
+
+			void CheckProperty(DependencyProperty property)
+			{
+				if (element.ReadLocalValue(property) is int value)
+				{
+					sb.Append($" {property.OwnerType.Name}.{property.Name}={value}");
+				}
+			}
+
+			return sb.ToString();
 		}
 
 		internal static string GetTransformDetails(this Transform transform)

src/Uno.UI/Extensions/ViewExtensions.netstd.cs

@@ -101,6 +101,7 @@ StringBuilder AppendView(UIElement innerView)
 					.Append(uiElement?.Clip != null ? $" Clip={uiElement.Clip.Rect}" : "")
 					.Append(uiElement?.NeedsClipToSlot ?? false ? " CLIPPED_TO_SLOT" : "")
 					.Append(uiElement?.GetElementSpecificDetails())
+					.Append(uiElement?.GetElementGridOrCanvasDetails())
 					.Append(uiElement?.RenderTransform.GetTransformDetails())
 					.AppendLine();
 			}

src/Uno.UI/UI/Xaml/GridLength.cs

@@ -133,16 +133,15 @@ public bool Equals(GridLength other)
 
 		private string DebugDisplay => ToDisplayString();
 
-		internal readonly string ToDisplayString()
-		{
-			var inner = GridUnitType switch
+		internal readonly string ToDisplayString() => $"GridLength({this})";
+
+		public override string ToString() =>
+			GridUnitType switch
 			{
 				GridUnitType.Auto => "Auto",
 				GridUnitType.Pixel => $"{Value:f1}px",
 				GridUnitType.Star => $"{Value:f1}*",
 				_ => "invalid"
 			};
-			return $"GridLength({inner})";
-		}
 	}
 }