TreeView：沿着控件左边缘的项目放置选择指示器

Question

所以需求很简单，但解决方案似乎并不简单（或者至少我还没有成功）。我需要在 TreeView 控件当前所选项目的左侧显示一个垂直条。像这样的东西：

我面临的问题是，对于子项目，该指示器也会向右移动，因为它是 ItemTemplate 的一部分，如下所示：

这是不可取的。我需要红色指示器粘在控件的左边缘，如下所示：

我明白为什么会发生这种情况。 TreeViewItem 模板中的 ItemsPresenter 引入了 16 个单位的左边距，这会导致所有子项也向右移动。我不知道如何避免它。

注意：红色条是 Border，StrokeThickness 设置为 4,0,0,0。它包含其中的 Image 和 TextBlock 元素，尽管这与问题没有直接关系。

Answer 1

如您所知，由于左空置空间不在itempresenter托管treeviewItem的内容之外，因此您无法通过普通样式完成它。

取而代之的是，解决方法是将栏更改为rentangle之类的元素，然后将其移至treeview的边缘。例如，它可以通过附加的属性来完成，该属性将附加到元素上，并使用指定的左边边缘将其移至树景的边缘。

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

public static class TreeViewHelper
{
    public static double? GetLeftMargin(DependencyObject obj)
    {
        return (double?)obj.GetValue(LeftMarginProperty);
    }
    public static void SetLeftMargin(DependencyObject obj, double value)
    {
        obj.SetValue(LeftMarginProperty, value);
    }
    public static readonly DependencyProperty LeftMarginProperty =
        DependencyProperty.RegisterAttached("LeftMargin", typeof(double?), typeof(TreeViewHelper), new PropertyMetadata(null, OnValueChanged));

    private static void OnValueChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if ((d is FrameworkElement element) && (e.NewValue is double leftMargin))
        {
            element.Loaded += (_, _) =>
            {
                TreeView? tv = GetTreeView(element);
                if (tv is null)
                    return;

                Point relativePosition = element.TransformToAncestor(tv).Transform(new Point(0, 0));
                element.RenderTransform = new TranslateTransform(leftMargin - relativePosition.X, 0);
            };
        }
    }

    private static TreeView? GetTreeView(FrameworkElement element)
    {
        DependencyObject test = element;
        while (test is not null)
        {
            test = VisualTreeHelper.GetParent(test);
            if (test is TreeView tv)
                return tv;
        }
        return null;
    }
}

编辑：

此解决方法不取决于选择listViewItem时如何显示/隐藏栏。尽管该问题不能为此提供实际代码，但是如果您在selelelecth时实现了更改borderbrush的机制，则可以将其修改为更改bar的fill（在矩形的情况。