C# WPF Image控件的绑定方法

2023-07-04 22:02:03 66

在我们平时的开发中会经常用到Image控件，通过设置Image控件的Source属性，我们可以加载图片，设置Image的source属性时可以使用相对路径也可以使用绝对路径，一般情况下建议使用绝对路径，类似于下面的形式Source="/Demo;Component/Images/Test.jpg"其中Demo表示工程的名称，后面表示具体哪个文件夹下面的哪个图片资源，在程序中，我们甚至可以为Image控件设置X:Name属性，在后台代码中动态去改变Image的Source，但我个人认为这种方式不太适合最大量的图片切换，而且增加了View层和代码之间的耦合性，不是和复合MVVM的核心设计思想，所以今天就总结一下Image的动态绑定的形式。

要绑定，肯定是绑定到Image控件的Source属性上面，我们首先要搞清楚Source的类型是什么，publicImageSourceSource{get;set;}也就是ImageSource类型，当然在我们绑定的时候用的最多的就是BitmapImage这个位图图像啦，我们首先来看看BitmapImage的继承关系：BitmapImage：BitmapSource：ImageSource，最终也是一种ImageSource类型。当然在我们的Model层中我们也可以直接定义一个BitmapImage的属性，然后将这个属性直接绑定到Image的Source上面，当然这篇文章我们定义了一个ImgSource的String类型，所以必须要定义一个转换器Converter，这里分别贴出相应地代码。

首先是View层，比较简单：

然后我们再来看看Model层也很简单。

publicclassLTEModel:BaseModel
{
privatestring_imageSource=null;
publicstringImgSource
{
get
{
return_imageSource;
}
set
{
if(value!=_imageSource)
{
_imageSource=value;
FirePropertyChanged("ImgSource");
}
}
}
}

然后就是重要的转换器：

publicclassStringToImageSourceConverter:IValueConverter
{
#regionConverter

publicobjectConvert(objectvalue,TypetargetType,objectparameter,CultureInfoculture)
{
stringpath=(string)value;
if(!string.IsNullOrEmpty(path))
{
returnnewBitmapImage(newUri(path,UriKind.Absolute));
}
else
{
returnnull;
}
}

publicobjectConvertBack(objectvalue,TypetargetType,objectparameter,CultureInfoculture)
{
returnnull;
}
#endregion
}

然后就是重要的转换器：

publicclassStringToImageSourceConverter:IValueConverter
{
#regionConverter

publicobjectConvert(objectvalue,TypetargetType,objectparameter,CultureInfoculture)
{
stringpath=(string)value;
if(!string.IsNullOrEmpty(path))
{
returnnewBitmapImage(newUri(path,UriKind.Absolute));
}
else
{
returnnull;
}
}

publicobjectConvertBack(objectvalue,TypetargetType,objectparameter,CultureInfoculture)
{
returnnull;
}
#endregion
}

转换器返回的是Object类型，实际返回的是一个BitmapImage对象。所以我们在写程序绑定的时候一定要弄清绑定的目标和对象之间的关系，这个是非常重要的。

下面就是在ViewModel层中来添加绑定，并更新数据源，这里使用的是一个定时器来定时更新数据源：

publicclassLTEViewModel:NotifyObject
{
privateDispatcherTimermyDispatcher=null;
privateRandomrandom=newRandom();
publicLTEViewModel()
{
GetImageSource();
InitTimer();
}

privateLTEModel_lteModel=null;
publicLTEModelLTEModel
{
get
{
if(_lteModel==null)
{
_lteModel=newLTEModel();
}
return_lteModel;
}
set
{
if(value!=_lteModel)
{
_lteModel=value;
FirePropertyChanged("LTEModel");
}
}
}

privateBaseModel_baseModel=null;
publicBaseModelBaseModelInstance
{
get
{
if(_baseModel==null)
{
_baseModel=newBaseModel()
{
Title="分地区LTE分布",
Time=DateTime.Now.ToString()
};
}
return_baseModel;
}
set
{
if(value!=_baseModel)
{
_baseModel=value;
FirePropertyChanged("BaseModelInstance");
}
}
}

privateListimgList=newList();
privatevoidGetImageSource()
{
//通过程序集来读取相应的资源的路径
stringassemblyLocation=this.GetType().Assembly.Location;
stringassLocation=assemblyLocation.Substring(0,assemblyLocation.LastIndexOf("\\"));
string[]img_files=Directory.GetFiles(string.Format("{0}\\Images",assLocation),"*.JPG");
foreach(stringimg_pathinimg_files)
{
imgList.Add(img_path);
}
}

privatevoidInitTimer()
{
myDispatcher=newDispatcherTimer();
myDispatcher.Tick+=newEventHandler(Timer_Tick);
myDispatcher.Interval=TimeSpan.FromMilliseconds(1000);
myDispatcher.Start();
}

privatevoidTimer_Tick(objectsender,EventArgse)
{
intimageIndex=0;
if(imgList.Count>0&<EModel!=null)
{
imageIndex=random.Next(0,imgList.Count);
LTEModel.ImgSource=imgList[imageIndex];
}
if(_baseModel!=null)
{
_baseModel.Time=DateTime.Now.ToString();
}
}
}

然后就是实例化一个ViewModel对象绑定到前台中，这个思路其实是相当明确的。

其实在我们的很多时候，我们并不知道我们需要绑定什么图片，或者说根据数据类型来绑定图片，这个在定义数据模板的时候经常使用到，下面就介绍一下，根据类型来绑定相应的图片。然后通过定义

publicenumDeviceType
{
SheXiangJi,
KaKou,
DianZiJingCha,
MingJin
}

这种类型，通过不同的类型来绑定到不同的图片，这个也是一个非常重要的应用，我们一定要注意使用的方法，这里只是简单介绍一下。

另外和Image很类似的就是

用法也差不多，同样可以通过绑定的方式来添加图片，不过在使用的时候还是需要注意一下就是设置当前图片的生成操作为Resource。

以上就是C#WPFImage控件的绑定方法的详细内容，更多关于C#WPFImage控件的资料请关注毛票票其它相关文章！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

C# WPF Image控件的绑定方法

热门推荐

随机推荐