C# WinForms 在树视图没有焦点时突出显示树节点

Question

我正在制作一个界面来编辑游戏场景。基本上它由具有嵌套条件和操作的事件组成。因此，我计划使用两个树视图 - 一个用于选择事件，另一个用于选择要编辑的事件内的条件/操作。

现在，您会看到，如果我选择一个事件（在左侧树视图中），然后尝试在右侧树视图中选择某些内容，则左侧树视图将停止显示蓝色选择矩形。这显然很糟糕，因为现在用户不知道他正在编辑哪个事件！

我发现保留有关当前选择内容的某种信息的唯一方法是使用 SelectedImageIndex，但这只是一个不同的小图像。

在树视图没有焦点的情况下，还有其他方法可以突出显示树节点吗？我知道我可以只使用 Graphics.DrawRectangle 或其他东西，但我听说绘图应该在 Paint 事件中完成，而树视图没有绘图事件......所以我想如果我在失去焦点的事件上绘制它，然后拖动形成屏幕之外什么的，它会被“擦除”吗？

无论如何，请告诉我您是否有任何想法（除了对选定和未选定的树节点使用单独的图标之外）。

Answer 1

您正在寻找的是

HideSelection

上的

TreeView

属性。

来自MSDN：

获取或设置一个值，该值指示即使树视图失去焦点，所选树节点是否保持突出显示。

链接：http://msdn.microsoft.com/en-us/library/system.windows.forms.treeview.hideselection.aspx

代码：

TreeView.HideSelection = false;

Answer 2

它仍然显示，但仅以浅灰色显示，这取决于您的屏幕和当前设置可以接近可见！

重写 OnDrawNode 事件。因此，您创建一个新类（称为“SpecialTreeView”），继承自 Microsoft

TreeView

，如

class SpecialTreeView : TreeView

。然后添加以下事件覆盖：

protected override void OnDrawNode(DrawTreeNodeEventArgs e)
{
    TreeNodeStates treeState = e.State;
    Font treeFont = e.Node.NodeFont ?? e.Node.TreeView.Font;

    // Colors.
    Color foreColor = e.Node.ForeColor;
    string strDeselectedColor = @"#6B6E77", strSelectedColor = @"#94C7FC";
    Color selectedColor = System.Drawing.ColorTranslator.FromHtml(strSelectedColor);
    Color deselectedColor = System.Drawing.ColorTranslator.FromHtml(strDeselectedColor);

    // New brush.
    SolidBrush selectedTreeBrush = new SolidBrush(selectedColor);
    SolidBrush deselectedTreeBrush = new SolidBrush(deselectedColor);

    // Set default font color.
    if (foreColor == Color.Empty)
        foreColor = e.Node.TreeView.ForeColor;

    // Draw bounding box and fill.
    if (e.Node == e.Node.TreeView.SelectedNode)
    {
        // Use appropriate brush depending on if the tree has focus.
        if (this.Focused)
        {
            foreColor = SystemColors.HighlightText;
            e.Graphics.FillRectangle(selectedTreeBrush, e.Bounds);
            ControlPaint.DrawFocusRectangle(e.Graphics, e.Bounds, foreColor, SystemColors.Highlight);
            TextRenderer.DrawText(e.Graphics, e.Node.Text, treeFont, e.Bounds,
                                         foreColor, TextFormatFlags.GlyphOverhangPadding);
        }
        else
        {
            foreColor = SystemColors.HighlightText;
            e.Graphics.FillRectangle(deselectedTreeBrush, e.Bounds);
            ControlPaint.DrawFocusRectangle(e.Graphics, e.Bounds, foreColor, SystemColors.Highlight);
            TextRenderer.DrawText(e.Graphics, e.Node.Text, treeFont, e.Bounds,
                                         foreColor, TextFormatFlags.GlyphOverhangPadding);
        }
    }
    else
    {
        if ((e.State & TreeNodeStates.Hot) == TreeNodeStates.Hot)
        {
            e.Graphics.FillRectangle(SystemBrushes.Window, e.Bounds);
            TextRenderer.DrawText(e.Graphics, e.Node.Text, hotFont, e.Bounds,
                                         System.Drawing.Color.Black, TextFormatFlags.GlyphOverhangPadding);
        }
        else
        {
            e.Graphics.FillRectangle(SystemBrushes.Window, e.Bounds);
            TextRenderer.DrawText(e.Graphics, e.Node.Text, treeFont, e.Bounds,
                                         foreColor, TextFormatFlags.GlyphOverhangPadding);
        }
    }
}

编译代码，您应该在设计器的工具框中看到“SpecialTreeView”。将您的 TreeView 替换为具有相同名称的新树视图，唯一不同的是选择颜色。选择时，将为

selectedColor

，未选择时为

deselectedColor

。

我希望这有帮助。

Answer 3

快速解决方案：

设置属性：

• HideSelection = false;

• DrawMode = TreeViewDrawMode.OwnerDrawText;

然后在 DrawNode 事件处理程序中只需执行以下操作：

private void treeView1_DrawNode(object sender, DrawTreeNodeEventArgs e) {
  e.DrawDefault = true;
}

在 Windwos 7 上，这会恢复旧的渲染，包括选择周围的虚线框（实际上看起来有点过时）。有焦点时文本将为白色，无焦点时文本将为黑色。背景保持蓝色且可见。

这个答案并不新鲜，其他答案也包含这些步骤，但这是最少需要的（至少在 Windows 7 中，没有测试其他操作系统）。

Answer 4

不是绝对完美的解决方案，但相当接近：

treeView.HideSelection = false;
treeView.DrawMode = TreeViewDrawMode.OwnerDrawText;
treeView.DrawNode += (o, e) =>
{
    if (!e.Node.TreeView.Focused && e.Node == e.Node.TreeView.SelectedNode)
    {
        Font treeFont = e.Node.NodeFont ?? e.Node.TreeView.Font;
        e.Graphics.FillRectangle(Brushes.Gray, e.Bounds);
        ControlPaint.DrawFocusRectangle(e.Graphics, e.Bounds, SystemColors.HighlightText, SystemColors.Highlight);
        TextRenderer.DrawText(e.Graphics, e.Node.Text, treeFont, e.Bounds, SystemColors.HighlightText, TextFormatFlags.GlyphOverhangPadding);
    }
    else
        e.DrawDefault = true;
};
treeView.MouseDown += (o, e) =>
{
    TreeNode node = treeView.GetNodeAt(e.X, e.Y);
    if (node != null && node.Bounds.Contains(e.X, e.Y))
        treeView.SelectedNode = node;
};

Answer 5

找到了更简单的方法：

1. 设置 TreeView.HideSelection = True
2. 声明私有字段

   private TreeNode _lastSelectedNode = null;

3. 将以下内容添加到 TreeView.AfterSelect-Callback：

private TreeNode _lastSelectedNode = null;
private void treeViewBenutzerverwaltung_AfterSelect(object sender, TreeViewEventArgs e)
{
    // Select new node
    e.Node.BackColor = SystemColors.Highlight;
    e.Node.ForeColor = SystemColors.HighlightText;
    if (_lastSelectedNode != null)
    {
        // Deselect old node
        _lastSelectedNode.BackColor = SystemColors.Window;
        _lastSelectedNode.ForeColor = SystemColors.WindowText;
    }
    _lastSelectedNode = e.Node;
}

Answer 6

与上一款类似，但外观更接近Win10标准：

treeView.HideSelection = false;
treeView.DrawMode = TreeViewDrawMode.OwnerDrawText;

treeView.DrawNode += (o, e) =>
{
    if (e.Node == e.Node.TreeView.SelectedNode)
    {
        Font font = e.Node.NodeFont ?? e.Node.TreeView.Font;
        Rectangle r = e.Bounds;
        r.Offset(0, 1);
        Brush brush = e.Node.TreeView.Focused ? SystemBrushes.Highlight : Brushes.Gray;
        e.Graphics.FillRectangle(brush, e.Bounds);
        TextRenderer.DrawText(e.Graphics, e.Node.Text, font, r, SystemColors.HighlightText, TextFormatFlags.GlyphOverhangPadding);
    }
    else
        e.DrawDefault = true;
};

treeView.MouseDown += (o, e) =>
{
    TreeNode node = treeView.GetNodeAt(e.Location);
    if (node != null && node.Bounds.Contains(e.Location)) treeView.SelectedNode = node;
};