Come impostare una fonte predefinita per un'immagine se l'origine di associazione è nullo?

Question

Uso binding per l'origine di un controllo Image.

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

Ma questo ImageUri può essere nullo, Perciò voglio utilizzare un'immagine predefinita, un posto da titolare, per questo, che può essere in /Assets/PlaceHolder.png per esempio.

Come si imposta un'immagine predefinita? Grazie. (si tratta di un'applicazione WP8, ma non dovrebbe essere diverso di WPF)

Answer 1

Si dovrebbe cercare di giocare con FallBackValue qui. Questi due collegamenti dovrebbero fornire maggiore aiuto

WPF Binding - Default value for empty string

MSDN

Answer 2

È possibile ottenere impostando TargetNullValue

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

Answer 3

È possibile utilizzare ImageFailed evento e ChangePropertyAction.

Questo frammento di codice ha funzionato per me:

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

È possibile impostare l'evento ImageFailed sulla vostra immagine,

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

e utilizzare il seguente C# per caricare un'immagine specifica al suo posto.

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

Answer 5

Si può effettivamente andare nella direzione opposta attorno al quale è un'esperienza migliore a mio parere, semplicemente utilizzando due Image controlli in un layout Grid, uno con la fonte segnaposto locale e uno con il telecomando Binding. L'immagine locale è già presente quando l'associazione remota è nullo. Tuttavia, se l'associazione non è nulla, copre automaticamente l'immagine del segnaposto locale una volta che viene eseguito il rendering.

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

Answer 6

uso TargetNullValue attributo. È molto utile se non voglio visualizzare alcuna immagine.