2020-1-8-如何正确的在tooltip中实现绑定

小伙伴们肯定都很熟悉xaml的binding，但是对于tooltip或者popup这些跨窗口的binding总是容易遇到这样，或者那样的问题。这里就给大家提供下关于tooltip的binding方法。

我们都知道常见的绑定数据源来自以下几种：

• DataContext
• ElementName
• ReferenceSource

但是对于ToolTip来说这边就不好直接使用了

例如下面的代码使用了ElementName进行绑定

image-20200108211215813

但是我们看到实际上这里tooltip并没有显示内容

image-20200108211245071

而如果我们使用了{x:Reference}替换ElementName

image-20200108211317658

结果就可以直接显示了

image-20200108211356967

###那么这里有什么差别呢？

首先，Binding的ElementName属性是一个String，他会直接从当前的NameScope中找对应的对象。

如果当前对象没有NameScope，就会沿着逻辑树找到带有NameScope的对象。

那么那些会有NameScope呢？例如windows，style等等。

而我们的tooltip是另一个单独的逻辑树（popup这些也是）。

但是这里的namescope来自window对象，而tooltip不在window的逻辑树上，自然无法沿着逻辑树去寻找。

所以就虽然记录了ElementName，但是无法找到指定对象。

同样的原理，DataContext和ReferenceSouce也是无法跨域逻辑树传递或找寻的。

为什么第二个例子可以

而{x:Reference}这里是在xaml语言级别的查找，它的算法不是依赖于逻辑树向上查。

他是在xaml生成元素的同时，查找当前的NameScope。

PS：使用{x:Reference}引用父元素的时候会提示出现循环引用的错误，而ElementName不会

此外这里获得对象之后，使用Souce直接绑定对象，就不需要关系逻辑树的问题了。

其他方案

那么如果你的场景需要的是DataContext传递，怎么办呢？

可以这样使用Binding PlacementTarget的方式获取Tooltip附加的对象的DataContext

然后，这个DataContext就可以在ToolTip的逻辑树上传递了

image-20200108220429753

image-20200108220245526

参考文档：

• x:Reference Markup Extension - WPF - Microsoft Docs
• Binding.ElementName Property (System.Windows.Data) - Microsoft Docs
• ElementName Binding In ToolTips (Borrowing a NameScope) - Andrew Smith
• NameScope Class (System.Windows) - Microsoft Docs
• wpf - What is the difference between x:Reference and ElementName? - Stack Overflow
• C# WPF: Changing PlacementTarget of a ToolTip - Stack Overflow

本文会经常更新，请阅读原文： https://xinyuehtx.github.io/post/%E5%A6%82%E4%BD%95%E6%AD%A3%E7%A1%AE%E7%9A%84%E5%9C%A8tooltip%E4%B8%AD%E5%AE%9E%E7%8E%B0%E7%BB%91%E5%AE%9A.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名黄腾霄（包含链接： https://xinyuehtx.github.io ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请 与我联系 。