Image.Sourceが空のときにイメージをレンダリングしない

Question

ListViewでは、いくつかのイメージとテキストを表示する必要があります。Image.Sourceが空の場合にのみテキストを表示します。実行する方法？

<ListView ItemsSource="{x:Bind ViewModel.News}"> 
    <ListView.ItemTemplate> 
     <DataTemplate x:DataType="home:NormalNews"> 
      <StackPanel> 
       <TextBlock Text="{x:Bind Title}"/> 
       <Image Source="{x:Bind Thumbnail}"/> 
      </StackPanel> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 

のViewModelデータソースは次のように：私はこのページを実行しようとしたとき

News.Add(new NormalNews{ Title = "title1", Thumbnail = "http://a.com/test.jpg" }); 
News.Add(new NormalNews{ Title = "title2", Thumbnail = "" }); 

、それが実行を停止しました。

Answer 1

これはxamlコンバータを使用して処理できます。

コンバーターを追加し、ページ内のキーを定義します。あなたのリストにはXAMLページ

<converter:ImageUriConverter x:Key="ImageUriConvert"/> 

で

<Image Source="{Binding Thumbnail,Converter={StaticResource ImageUriConvert}}"/> 

Converterクラスコード

class ImageUriConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if (value.ToString() == string.Empty) 
     { 
      return new BitmapImage(); 
     } 
     return new BitmapImage(new Uri(value.ToString())); 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, string language) 
    { 
     throw new NotImplementedException(); 
    } 
} 

Answer 2

あなたはViewModelにオブジェクトを移入しているが、これを行う：あなたのサムネイルソースが空の場合

ViewModel.News.Add(new NormalNews{ 
Thumbnail=(the Thumbnail source which you will be using), 
Title=(the Thumbnail source which you will be using)==""?"Your Title":""}); 

これは、指定された文字列にあなたのタイトルを設定します。

これが役に立ちます。