WPF 控件【I】Image(一)提供 4种 Image控件source绑定方法:绝对路径、BitmapImage、CommandParameter传递对象、Binding+imageSource_wpf image source binding-CSDN博客

主要参考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;

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

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

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

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


原网址: 访问
创建于: 2024-06-05 15:52:03
目录: default
标签: 无

请先后发表评论
  • 最新评论
  • 总共0条评论