为什么我的装饰器在应用于的元素发生变化时不重新渲染？

Question

在我正在构建的用户界面中，每当面板中的某个控件获得焦点时，我想装饰面板。因此，我处理 IsKeyboardFocusWithinChanged 事件，并在元素获得焦点时向其添加装饰器，并在元素失去焦点时删除装饰器。这似乎工作正常。

我遇到的问题是，如果装饰元素的边界发生变化，装饰器不会重新渲染。例如，在这个简单的情况下：

<WrapPanel Orientation="Horizontal"
           IsKeyboardFocusChanged="Panel_IsKeyboardFocusChanged">
   <Label>Caption</Label>
   <TextBox>Data</TextBox>
</WrapPanel>

当 TextBox 接收焦点时，装饰器正确装饰 WrapPanel 的边界，但当我输入文本时，TextBox 在装饰器边缘下方展开。当然，一旦我做了任何强制装饰器渲染的事情，比如 ALT-TAB 退出应用程序或给另一个面板焦点，它就会自行纠正。但是当装饰元素的边界发生变化时，如何让它重新渲染呢？

Answer 1

WPF 有一个内置机制，每当相应的 AdornedElement 更改大小、位置或变换时，都会重新测量、重新排列和重新渲染所有 Adorners。这种机制要求您在对装饰器进行编码时遵循某些规则，但并非所有规则都应有的清晰记录。

我将首先回答您的标题问题，即为什么您的装饰器不能一致地重新渲染，然后解释修复它的最佳方法。

为什么装饰器不重新渲染

每当 AdornerLayer 收到 LayoutChanged 通知时，它都会扫描其每个装饰器，以查看 AdornedElement 的大小、位置或变换是否已更改。如果是这样，它会设置标志来强制Adorner再次测量、排列和渲染——大致相当于InvalidateMeasure()； InvaliateArrange(); InvalidateVisual();。

在这种情况下通常会发生的情况是，首先测量控件，然后排列，然后渲染。事实上，WPF 试图使这种情况成为最常见的情况，因为它是最有效的序列。然而，在许多情况下，控件最终可能在重新测量之前被重新排列和/或重新渲染。这是 WPF 中事件的合法顺序（以允许灵活的布局技术），但它并不常见，因此通常未经过测试。

正确实现的 Adorner 或其他 UIElement 将在渲染可能受到影响的任何时候小心调用 InvalidateVisual() 除非仅更改了 AffectsRender 依赖属性。

就您而言，装饰器的大小显然会影响渲染。大小属性不是 AffectsRender 依赖属性，因此当它们发生变化时需要手动调用 InvalidateVisual()。如果不这样做，WPF 可能永远不知道重新渲染您的装饰器。

在您的情况下发生的情况可能是这样的：

• 布局完成并且 LayoutChanged 事件触发
• 上的大小变化
• AdornerLayer 发现 AdornedElement AdornerLayer 安排您的装饰器进行重新测量、重新布局和重新渲染。
• 某些因素会导致调用 Arrange()，从而导致重新布局和重新渲染在重新调整之前发生。 -措施。这会导致 WPF 认为装饰器不再需要重新布局或重新渲染。
• 布局引擎检测到装饰器需要测量并调用 Measure
• 装饰器的 MeasureOverride 重新计算所需的大小但不会告诉 WPF 装饰器需要重新渲染< /em>
• 布局引擎决定没有什么可做的，因此装饰器永远不会重新渲染

你可以采取什么措施来修复它

解决方案当然是修复 <每当重新测量控件时，通过调用 InvalidateVisual() 来实现代码>Adorner，如下所示：

protected override Size MeasureOverride(Size constraint)
{
  var result = base.MeasureOverride(constraint);
  // ... add custom measure code here if desired ...
  InvalidateVisual();
  return result;
}

这样做将使您的 Adorner 始终遵守 WPF 的所有规则，因此它将像预期在所有情况下。这也是最有效的解决方案，因为除了真正需要的情况外，InvalidateVisual() 不会执行任何操作。

Answer 2

您需要调用面板上的调度程序。向 TextBox SizeChanged 事件添加处理程序：

    private void myTextBox_SizeChanged(object sender, SizeChangedEventArgs e)
    {
        panel.Dispatcher.Invoke((Action)(() => 
        {
            if (panel.IsKeyboardFocusWithin)
            {
                // remove and add adorner to reset
                myAdornerLayer.Remove(myAdorner);
                myAdornerLayer.Add(myAdorner);
            }
        }), DispatcherPriority.Render, null);
    }

这基本上来自这篇文章： 链接