小伙伴们肯定都很熟悉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


参考文档:


本文会经常更新,请阅读原文: 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 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系