[英]Display Image in WPF Listview
I want to show an image in my listview but i don't know how i should do this. 我想在列表视图中显示图像,但是我不知道该怎么做。 My Guest class has the method GetGuestImage()
it returns me a absolute path. 我的Guest类具有方法GetGuestImage()
它为我返回了绝对路径。 When this file exists is should be loaded and when not a placeholder-image should be loaded. 当该文件存在时,应加载该文件,而在不存在时,应加载一个占位符图像。
How can i realize this? 我怎么能意识到这一点?
<ListView x:Name="listview">
<ListView.View>
<GridView>
<GridViewColumn DisplayMemberBinding="{Binding GetGuestImage()}" Header="Image" />
<GridViewColumn DisplayMemberBinding="{Binding Vorname}" Header="Vorname" />
<GridViewColumn DisplayMemberBinding="{Binding Nachname}" Header="Nachname" />
<GridViewColumn DisplayMemberBinding="{Binding Postleitzahl}" Header="PLZ" />
<GridViewColumn DisplayMemberBinding="{Binding Ort}" Header="Ort" />
<GridViewColumn DisplayMemberBinding="{Binding Land}" Header="Land" />
</GridView>
</ListView.View>
</ListView>
You could accomplish this with a CellTemplate and a value converter: 您可以使用CellTemplate和值转换器来完成此操作:
<ListView x:Name="listview" xmlns:local="clr-namespace:WpfApplication1">
<ListView.Resources>
<local:ImageConverter x:Key="ImageConverter" />
</ListView.Resources>
<ListView.View>
<GridView>
<GridViewColumn Header="Image">
<GridViewColumn.CellTemplate>
<DataTemplate>
<Image Source="{Binding Path=., Converter={StaticResource ImageConverter}}" />
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>
<GridViewColumn DisplayMemberBinding="{Binding Vorname}" Header="Vorname" />
<GridViewColumn DisplayMemberBinding="{Binding Nachname}" Header="Nachname" />
<GridViewColumn DisplayMemberBinding="{Binding Postleitzahl}" Header="PLZ" />
<GridViewColumn DisplayMemberBinding="{Binding Ort}" Header="Ort" />
<GridViewColumn DisplayMemberBinding="{Binding Land}" Header="Land" />
</GridView>
</ListView.View>
</ListView>
namespace WpfApplication1
{
public class ImageConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
dynamic dataObject = value;
if (dataObject != null)
{
string path = dataObject.GetGuestImage();
if(System.IO.File.Exists(path))
return new Uri(dataObject.GetGuestImage(), UriKind.RelativeOrAbsolute);
}
return new Uri(@"c:\yourplaceholderimage.png", UriKind.RelativeOrAbsolute);
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
}
You can't bind directly to the GetGuestImage() method though. 但是,您不能直接绑定到GetGuestImage()方法。 Another idea may be to expose the path through a Uri property of your data object class and bind to this one. 另一种想法可能是通过数据对象类的Uri属性公开路径并绑定到该路径。 Then you don't need a converter: 然后,您不需要转换器:
<GridViewColumn Header="Image">
<GridViewColumn.CellTemplate>
<DataTemplate>
<Image Source="{Binding GuestImage}" />
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>
public class YourDataClass
{
public Uri GuestImage
{
get { return new Uri(@"c:\picture.png", UriKind.RelativeOrAbsolute); }
}
//+ the other properties...
}
Use a Converter for that. 为此使用转换器。
public class NullGuestImageToPlaceholderConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (value == null || !File.Exists(value as string))
return placeholderImage;
return GetImage(value);
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
XAML: XAML:
<ListView x:Name="listview">
<ListView.View>
<GridView>
<GridViewColumn DisplayMemberBinding="{Binding GuestImage, Converter={StaticResource nullGuestImageConverter}}" Header="Image" />
<!-- your other columns -->
</GridView>
</ListView.View>
</ListView>
I don't have the GetGuestImage implementation or your full XAML, so that's the most I can do for now. 我没有GetGuestImage实现或完整的XAML,所以这是我目前最多能做的。
nullGuestImageConverter
should be the x:Key
of the converter, defined in your XAML's resources (like <UserControl.Resources>
), and placeholderImage
should be the implementation of how you retrieve said placeholder image (which I guess appears in GetGuestImage()
). nullGuestImageConverter
应该是转换器的x:Key
,在XAML的资源中定义(如<UserControl.Resources>
),而placeholderImage
应该是如何检索所述占位符图像的实现(我猜它出现在GetGuestImage()
)。
In fact, I guess you could simply replace the content of the Convert
method by your GetGuestImage
one, but I can't know for sure. 实际上,我想您可以简单地用GetGuestImage
替换Convert
方法的内容,但是我不确定。
First you need to bind to a property not a method second the DisplayMemberBinding only supports basic binding you need to switch to CellTemplate 首先,您需要绑定到属性而不是方法,其次,DisplayMemberBinding仅支持您需要切换到CellTemplate的基本绑定。
<ListView x:Name="listview">
<ListView.View>
<GridView>
<GridViewColumn Header="Image" >
<GridViewColumn.CellTemplate>
<DataTemplate>
<Image Source="{Binding GuestImageProperty}" />
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>
<GridViewColumn DisplayMemberBinding="{Binding Vorname}" Header="Vorname" />
<GridViewColumn DisplayMemberBinding="{Binding Nachname}" Header="Nachname" />
<GridViewColumn DisplayMemberBinding="{Binding Postleitzahl}" Header="PLZ" />
<GridViewColumn DisplayMemberBinding="{Binding Ort}" Header="Ort" />
<GridViewColumn DisplayMemberBinding="{Binding Land}" Header="Land" />
</GridView>
</ListView.View>
</ListView>
then you can use the binding's TargetNullValue and FallbackValue properties to handle missing values 那么您可以使用绑定的TargetNullValue和FallbackValue属性来处理缺失值
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.