如何在双向绑定的Image控件上绘制自定义标记（wpf）
2021-03-18 17:26
标签：syn bind property tool 使用 etc dex eve div
答：需要在图片上增加一些自定义标记，例如：2个图片对比时，对相同区域进行高亮。 1.通过TargeUpdated事件，重新绘制图片进行替换。 1.我们先绑定ImageTargetUpdated事件。 根据微软官方文档，如上图，我们需要设置NotifyOnRargetUpdated的值，官方文档如下： 2.在响应方法中，对图像进行绘制。 什么？有什么问题？在直接读取Image控件的Source时，我们发现它是没有值的，所以我们绘制的图片底图是没有的。 由于Image控件的Source我们是绑定的Url（类似：http://xxx.xxx.com/xxx.jpg），所以wpf会进行一步下载，通过调试，我们会发现它此时的类是LateBoundBitmapDecoder。 关于类LateBoundBitmapDecoder的官方文档如下： 我们发现，这个类加载图片是异步的。所以我们在TargeUpdated事件中直接拿到的Source，此时仅仅是一个空对象，他的数据还在网络中传输。知道原理就好办了。 我们对Source绑定下载完成事件！ 再试运行一下，就和最前面的效果图一致了。 1.对于双向绑定的Image控件，我们在原图上增加内容时，可以响应TargeUpdated事件进行自定义绘制。 2.在TargeUpdated事件响应中，有可能拿不到Source，此时，我们需要绑定下载完成事件，在事件中进行底图的获取。 3.我们需要使用SetCurrentValue方法对Source进行赋值，如此不会影响双向绑定。 PS： 1.此文仅介绍遇到问题的解决思路及解决过程，并不分享源码。 如何在双向绑定的Image控件上绘制自定义标记（wpf） 标签：syn bind property tool 使用 etc dex eve div 原文地址：https://www.cnblogs.com/lonelyxmas/p/12348363.html我们的需求是什么？
先上效果图：
设计思路
1.概述
2.详细实现
"DestImageControl" Source="{Binding Path=Source.Url, NotifyOnTargetUpdated=True}" TargetUpdated="ImageTargetUpdated">
private void ImageTargetUpdated(object sender, DataTransferEventArgs e)
{ //todo:绘制图像：drawingImage = DrawImage......
//设置新图像：DestImageControl.SetCurrentValue(Image.SourceProperty, drawingImage);
}3.按照上面的思路，很完美，于是我们遇到了问题
下面我们来分析一下：
if (((BitmapFrame)imageControl.Source).IsDownloading)
{ //如果是异步下载，则绑定下载完成后事件
((BitmapFrame)imageControl.Source).Decoder.DownloadCompleted += (sender2, e2) =>
{
BitmapSource sourceImg = (BitmapSource)((LateBoundBitmapDecoder)sender2).Frames[0];
DrawImage(sourceImg);
};
}else{ //如果已存在图片，则直接使用
BitmapSource sourceImg = (BitmapSource)imageControl.Source;
DrawImage(sourceImg);
}总结
文章标题：如何在双向绑定的Image控件上绘制自定义标记（wpf）
文章链接：http://soscw.com/index.php/essay/65872.html