c# - 動的バインディングの更新イメージ

Question

タイトルと説明が積み上げられた画像リスト(ListBox)があります。画像はまだダウンロードされていませんが、タイトルと説明が最初に表示されます。イメージがダウンロードされたら、イメージを更新するように指示するにはどうすればよいですか?

部分的な xaml:

<ListBox.ItemTemplate>
   <DataTemplate>
       <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Image Margin="5" Source="{Binding Image}" Grid.Column="0" Name="DCIM" />
            <TextBlock Grid.Column="1" Margin="2" Text="{Binding Title}" Name="Title" TextWrapping="NoWrap" TextTrimming="WordEllipsis" />
            <TextBlock Grid.Column="1" Margin="2" Text="{Binding Desc}" Name="count" TextWrapping="NoWrap" TextTrimming="WordEllipsis" />
       </Grid>
   </DataTemplate>
</ListBox.ItemTemplate>

Answer 1

画像がダウンロードされたら NotifyProperyChanged("Image")更新を呼び出しますSource="{Binding Image}"

Answer 2

アイテム クラスにINotifyPropertyChangedを実装する必要があります。

public class MyDataItem : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private ImageSource image;
    public ImageSource Image
    {
        get { return image; }
        set
        {
            image = value;
            NotifyPropertyChanged("Image");
        }
    }

    // do the same for Title and Desc

    private void NotifyPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

Imageプロパティが割り当てられると、バインディングを更新するプロパティ変更通知が発生します。