如果绑定源为null,如何为Image设置默认源?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如果绑定源为null,如何为Image设置默认源?相关的知识,希望对你有一定的参考价值。
我正在使用绑定作为Image
控件的来源。
<Image Source="{Binding ImageUri}"/>
但是这个ImageUri
可以为null,因此我想使用默认图像,一个占位符,例如,可以在/Assets/PlaceHolder.png
中。
如何设置默认图像?谢谢。 (这是一个WP8应用程序,但不应该与WPF不同)
答案
你可以通过设置TargetNullValue
来实现它
<Image>
<Image.Source>
<Binding Path="ImageUri" >
<Binding.TargetNullValue>
<ImageSource>/Assets/PlaceHolder.png</ImageSource>
</Binding.TargetNullValue>
</Binding>
</Image.Source>
</Image>
另一答案
您可以在图像上设置ImageFailed事件,
<Image Source="{Binding ImageUri}" ImageFailed="Image_ImageFailed"/>
并使用以下C#在其位置加载特定图像。
private void Image_ImageFailed(object sender, ExceptionRoutedEventArgs e)
{
((Image)sender).Source = new BitmapImage(new Uri("/Assets/MyDefaultImage.png", UriKind.Relative));
}
另一答案
你可以实际上走另一条路,这是一个更好的经验,在我看来只需在Image
布局中使用两个Grid
控件,一个使用本地占位符源,另一个使用远程Binding
。远程绑定为空时,本地映像已存在。但是,如果绑定不为null,则在呈现后它会自动覆盖本地占位符图像。
<Grid>
<Image Source="Assets/Placeholder.png"/>
<Image Source="{Binding ImageUri}"/>
</Grid>
另一答案
您可以使用ImageFailed事件和ChangePropertyAction。
此代码段为我工作:
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
<Image x:Name="GeologyMapsLegend" Stretch="Fill" Height="150">
<i:Interaction.Triggers>
<i:EventTrigger EventName="ImageFailed">
<ei:ChangePropertyAction PropertyName="Source" TargetName="GeologyMapsLegend">
<ei:ChangePropertyAction.Value>
<ImageSource>
/LanSysWebGIS;component/Pictures/Icon/NoImageAvailable.jpg
</ImageSource>
</ei:ChangePropertyAction.Value>
</ei:ChangePropertyAction>
</i:EventTrigger>
</i:Interaction.Triggers>
</Image>
另一答案
使用TargetNullValue
属性。如果我不想显示任何图像,这将非常有用。
另一答案
你可以试试这个:
<Image>
<Image.Source>
<Binding Path="ImageUri">
<Binding.TargetNullValue>
<BitmapImage UriSource="/ProjName;component/Assets/PlaceHolder.png" />
</Binding.TargetNullValue>
</Binding>
</Image.Source>
</Image>
另一答案
你应该尝试在这里玩FallBackValue
。这两个链接应该提供更多帮助
WPF Binding - Default value for empty string
以上是关于如果绑定源为null,如何为Image设置默认源?的主要内容,如果未能解决你的问题,请参考以下文章