WPF 控件【I】Image(一)提供 4种 Image控件source绑定方法：绝对路径、BitmapImage、CommandParameter传递对象、Binding+imageSource

主要参考https://www.cnblogs.com/lunawzh/p/6694082.html

其他参考https://blog.csdn.net/qq_36242487/article/details/79172895

https://bbs.csdn.net/topics/370258603

简介

本博客将提供几种方法说明Image控件 source 的绑定方式。

一、直接管理图片路径（绝对路径。直接关联到文件，关联后不能删除此图片，因为图片正在使用。）

<Image x:Name="BGimage" Source="xx/xx/Images/item.png" Height="15" Width="15" />

或

      /// <summary>
        /// 测试曝光状态
        /// </summary>
        /// <param name="str"></param>
        private void TestUpdateExposeStatus(string str)
        {
            string strImagePath = null;
             App.Current.Dispatcher.Invoke((Action)delegate ()
            {
                switch (str)
                {
                    case "0":
                        strImagePath = "Icons/StudyPage/Exposure.png";
                        break;
                    case "1":
                        strImagePath = "Icons/StudyPage/预曝光.png";
                        break;
                    case "2":
                        strImagePath = "Icons/StudyPage/正在曝光.png";
                        break;
                    case "3":
                        strImagePath = "Icons/StudyPage/禁止曝光.png";
                        break;
                    default:
                        break;
                }
                this.img_ExposeStatus.Source = new BitmapImage(new Uri(strImagePath, UriKind.Relative));
            });
        }

或者

<Image Width="320">
      <Image.Source>
            <BitmapImage DecodePixelWidth="320"  UriSource="D:\\xxx.jpg" /> <!--说明：DecodePixelWidth属性告诉图片解码器解码后的位图宽度，对于大图片，不用把图片的所有数据都保存在内存中，可以省内存-->
      </Image.Source>
</Image>

二、二进制位图BitmapImage的方式

var img = new BitmapImage();
            img.BeginInit();
            img.StreamSource = new MemoryStream(File.ReadAllBytes(path));
            img.EndInit();

MyImage.Source = img ;

 或

    string strfilePathAndName = @"C:\Users\lanmage2\Desktop\faf.jpeg";
            BitmapImage bitmapImage = new BitmapImage();
            bitmapImage.BeginInit();
            bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
            bitmapImage.StreamSource = new MemoryStream(File.ReadAllBytes(strfilePathAndName));
            bitmapImage.EndInit();
            bitmapImage.Freeze();
            image.Source = bitmapImage;
            App.Current.Dispatcher.Invoke((Action)delegate ()
            {
             
                //PreviewImage = bitmapImage;//非Prism.mvvm架构下，绑定+委托，不能更新UI  
                BGimage.Source = bitmapImage; 
            });

三、（命令参数CommandParameter传递对象+位图BitmapImage的组合方式）

.xmal：

 <Image Stretch="Fill" x:Name="imgThumbnail" Canvas.Top="10" Canvas.Right="10" Width="351" Height="286"/>

列表选中，用命令参数传递一个对象imgThumbnail： 

.cs:

        /// <summary>
        /// 序列表选中函数
        /// </summary>
        /// <param name="obj"></param>
        private void SeriesIDTableSelectionChangedFunc(object obj)
        {
            try
            {
                Image imageVar = obj as Image;
                if (PreviewSelectIndex >= 0)
                {
                    string strPath = Environment.CurrentDirectory + "//Image " + "//" ;
                    string strName = "image" + PreviewSelectIndex.ToString() + ".JPG";
                    string strfilePathAndName = strPath + strName ;
                    BitmapImage bitmapImage= new BitmapImage();
                    bitmapImage.BeginInit();
                    bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
                    bitmapImage.StreamSource = new MemoryStream(File.ReadAllBytes(strfilePathAndName));
                    bitmapImage.EndInit();
                    bitmapImage.Freeze();
                    //PreviewImage.Source = bitmapImage;
                    imageVar.Source = bitmapImage;
                }
            }
            catch (Exception e)
            {
                MessageBox.Show("病人历史记录信息表发生【选中】错误，错误信息:--------------" + e.ToString());
            }
        }

四、binding的方式（下面的方法我调试了好久，还是没有实现，图片不显示）

关于binding，有几种方法。

4.1、方法1：属性+转换器Converter

https://www.cnblogs.com/seekdream/p/5277237.html

https://bbs.csdn.net/topics/390899995

4.2、方法2：依赖属性

https://www.cnblogs.com/bolddream/p/4615572.html

https://stackoverflow.com/questions/34616872/wpf-binding-image-source

4.3、方法3：Binding+ImageSource

4.1方法和4.2方法，我没有尝试过，不过，我推荐一个更好的方法，如下所示：

xmal代码：

<Image Stretch="Fill" x:Name="imgThumbnail" Source="{Binding PreviewImage}" Canvas.Top="10" Canvas.Right="10" Width="351" Height="286"/>

.cs代码

属性：

        private ImageSource _previewImage;
        public ImageSource PreviewImage
        {
            get { return _previewImage; }
            set { SetProperty(ref _previewImage, value); }
        }

 图像赋值：

4.4、方法4：Imag控件Binding属性Image + Bitmap

<Image x:Name="imgFaceImage" Stretch="None"  Height="322" Width="260" Canvas.Top="16" Canvas.Left="15" Source="{Binding ShowFaceImage}"/>

        private Image _showFaceImage;

        /// <summary>
        /// 人脸图片
        /// </summary>
        public Image ShowFaceImage
        {
            get { return _showFaceImage; }
            set { SetProperty(ref _showFaceImage, value); }
        }

 

Bitmap bmp = new Bitmap(ms);
Dispatcher.CurrentDispatcher.Invoke(() =>
   ShowFaceImage = bmp
);

五、总结

        关于绑定，我之前采用了下面的错误方法，后来才发现，Image控件的Source本质，就是ImgeSource。所以我们需要绑定 ImageSource，而ImageSource可以直接添加BitmapImage。

       因此，ImageSource+BitmapImage一起在Image控件的Source = "{Binding}"绑定中使用。

错误1：

       private BitmapImage PreviewImage
        {
            get { return _previewImage; }
            set
            {
                _previewImage = value;
                OnPropertyChanged("PreviewImage");
            }
        }

PreviewImage = bitmapImage;

错误2：

      private Image _previewImage;
        /// <summary>
        /// 预览图片
        /// </summary>
        private Image PreviewImage
        {
            get { return _previewImage; }
            set { SetProperty(ref _previewImage, value); }
        }

 PreviewImage.Source = bitmapImage;

好了，千淘万漉虽辛苦，吹尽狂沙始到金。

好了，千淘万漉虽辛苦，吹尽狂沙始到金。

好了，千淘万漉虽辛苦，吹尽狂沙始到金。

其他的控件绑定，请参考本文。