Cách đặt nguồn mặc định cho Hình ảnh nếu nguồn ràng buộc là null?

Question

Tôi đang sử dụng liên kết cho nguồn của điều khiển Image.

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

Nhưng ImageUri này có thể được null, do tôi muốn sử dụng một hình ảnh mặc định, một giữ chỗ, cho rằng, có thể là trong /Assets/PlaceHolder.png ví dụ.

Tôi làm cách nào để đặt hình ảnh mặc định? cảm ơn. (Đó là một ứng dụng WP8, nhưng không nên khác nhau của WPF)

Answer 1

Bạn nên cố gắng chơi với FallBackValue đây. Hai liên kết nên cung cấp thêm trợ giúp

WPF Binding - Default value for empty string

MSDN

Answer 2

Bạn có thể đạt được điều đó bằng cách thiết lập TargetNullValue

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

Answer 3

Bạn có thể sử dụng ImageFailed sự kiện và ChangePropertyAction.

này Code Snippet làm việc cho tôi:

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

Bạn có thể thiết lập các sự kiện ImageFailed trên hình ảnh của bạn,

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

và sử dụng như sau C# để tải một hình ảnh cụ thể ở chỗ của nó.

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

Answer 5

Bạn thực sự có thể đi theo con đường khác xung quanh đó là một kinh nghiệm tốt hơn trong quan điểm của tôi bằng cách đơn giản sử dụng hai Image điều khiển trong một bố cục Grid, một với nguồn placeholder địa phương và một với điều khiển từ xa Binding. Hình ảnh cục bộ đã có sẵn khi bạn gắn kết từ xa của bạn là null. Tuy nhiên, nếu ràng buộc không phải là null, nó sẽ tự động bao gồm hình ảnh giữ chỗ cục bộ khi nó được hiển thị.

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

Answer 6

sử dụng thuộc tính TargetNullValue. Nó rất hữu ích nếu tôi không muốn hiển thị bất kỳ hình ảnh nào.