Arrayの要素をxamlプロパティにバインドする

Question

重複する質問が出る前に、私は自分の問題の解決策を見つけられないように思えます。私がしたいのは、配列の要素をプロパティにバインドするだけで、私の経験が不足しているためにどのようになっているのか分かりません。ここで

は、私のC＃のコードがどのように見えるかです：

 <Image Grid.Column="1" Name="WeatherIconZero" Source="{x:Bind PropertyName.WeatherIconSource[0], Mode=OneWay}" HorizontalAlignment="Center" VerticalAlignment="Center" /> 

を私のコードが行き、エラーなしで実行されます。ここでは

public class MainPageImplement : INotifyPropertyChanged 
{ 
    BitmapImage[] weatherIconSource = new BitmapImage[7]; 
    public BitmapImage[] WeatherIconSource 
    { 
     get { return weatherIconSource; } 
     set 
     { 
      weatherIconSource = value; 
      NotifyPropertyChanged("WeatherIconSource"); 
     } 
    } 
    private void NotifyPropertyChanged(string propName) 
    { 
     PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName)); 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
} 

は私のXAMLプロパティがどのように見えるかです実際には何も結び付けていません。しかし、配列からの要素ではなく、BitmapImage変数を使用するとうまくいきます。

Answer 1

配列は、少なくともではないインデックスごとに、UIにバインド可能ではありません。 ObservableCollection<T>を使用する必要があります。

public ObservableCollection<BitmapImage> WeatherIconSource { get; } = new ObservableCollection<BitmapImage>(); 

配列を使用しないでください。あなたが単一のインデックスを更新するたびに、あなたは配列で立ち往生している場合は、あなたが財産を通知する必要が

NotifyPropertyChanged("WeatherIconSource[5]"); // Doesn't work. 

シングルindexプロパティの変更を通知することはできませんが、コレクション全体に変更：

WeatherIconSource[5] = myNewBitmap; 
NotifyPropertyChange("WeathIconSource"); // Updates all [0] [1] ... [n] 

しかし、これを行うと、すべてのインデックスを強制的にリフレッシュします。すべての画像が再描画されます。あなたのアプリが小さな画像でシンプルであれば、これで逃げることができます。それ以外の場合は、ObservableCollection<T>に変更します。

あなたは、このような正確な指標とバインディング、ハードコードされている場合：

public ObservableCollection<BitmapImage> WeatherIconSource { get; } = new ObservableCollection<BitmapImage> 
{ 
    null, // [0] 
    null, // [1] 
    null, 
    null, 
    null, 
    null, 
    null // [6] 
}; 

Answer 2

それがあるべき、

`<Image Grid.Column="1" Name="WeatherIconZero" Source="{Binding weatherIconSource[0]}" HorizontalAlignment="Center" VerticalAlignment="Center" /`>