Jak ustawić domyślne źródło obrazu, jeśli źródło wiązania ma wartość null?

Question

Używam wiązania dla źródła kontrolki Image.

<Image Source="{Binding ImageUri}"/> 

Ale to ImageUri może być null, dla nich chcę użyć domyślnego obrazu, uchwyt miejsce, bo to, co może być w /Assets/PlaceHolder.png na przykład.

Jak ustawić domyślny obraz? dzięki. (Jest to aplikacja WP8, ale nie powinna być inna od WPF)

Answer 1

Należy starać się grać z FallBackValue tutaj. Te dwa linki powinny dostarczać więcej pomocy

WPF Binding - Default value for empty string

MSDN

Answer 2

Można to osiągnąć przez ustawienie TargetNullValue

<Image> 
    <Image.Source> 
     <Binding Path="ImageUri" > 
      <Binding.TargetNullValue> 
       <ImageSource>/Assets/PlaceHolder.png</ImageSource> 
      </Binding.TargetNullValue> 
     </Binding> 
    </Image.Source> 
</Image> 

Answer 3

Można użyć ImageFailed zdarzenie i ChangePropertyAction.

Kod ten fragment pracował dla mnie:

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> 

Answer 4

Można ustawić zdarzenie ImageFailed na obrazie,

<Image Source="{Binding ImageUri}" ImageFailed="Image_ImageFailed"/> 

i kliknąć na poniższy C#, aby załadować konkretny obraz na swoim miejscu.

private void Image_ImageFailed(object sender, ExceptionRoutedEventArgs e) 
{ 
    ((Image)sender).Source = new BitmapImage(new Uri("/Assets/MyDefaultImage.png", UriKind.Relative)); 
} 

Answer 5

Można rzeczywiście pójść w drugą stronę, która jest lepsze doświadczenie moim zdaniem po prostu za pomocą dwóch Image kontrole w Grid układ, jeden z lokalnego źródła zastępczego i jeden ze zdalnym Binding. Obraz lokalny jest już dostępny, gdy zdalne wiązanie jest puste. Jeśli jednak wiązanie nie ma wartości NULL, automatycznie zakrywa lokalny obraz zastępczy po wyrenderowaniu.

<Grid> 
    <Image Source="Assets/Placeholder.png"/> 
    <Image Source="{Binding ImageUri}"/> 
</Grid> 

Answer 6

użycie TargetNullValue atrybut. Jest to bardzo pomocne, jeśli nie chcę wyświetlać żadnego obrazu.