Array 요소를 xaml 속성에 바인딩

Question

중복 질문을하기 전에 문제에 대한 해결책을 찾을 수 없다고 말하고 싶습니다. 내가하고 싶은 것은 배열의 원소를 속성에 묶는 것이고 나의 경험이 부족하기 때문에 어떻게 알아낼 수없는 것입니다. 여기

내 C# 코드는 모습입니다 :

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 속성을 보이는 방법 :

내 코드 갈 오류없이 실행

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

떨어져 있지만 실제로 아무것도 바인딩하지 않습니다. 그러나 배열의 요소가 아니라 BitmapImage 변수를 사용하면 올바르게 작동합니다.

Answer 1

배열은 적어도 인덱스별로 상기 UI에 바인딩되지 않는다. 당신은 사용할 필요가 ObservableCollection<T> :

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

배열을 사용하여 귀찮게하지 마십시오 당신이 배열 붙어있는 경우 단일 인덱스 속성 변경

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

를 통지 할 수없는, 당신은 속성이 단일 인덱스를 업데이트 할 때마다 전체 컬렉션에 변경 통지해야한다 :

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

을하지만, 이렇게하면 모든 인덱스에서 강제로 새로 고칩니다. 모든 이미지가 다시 그려집니다. 작은 이미지가있는 앱이 단순하다면이 문제를 해결할 수 있습니다. 그렇지 않으면 ObservableCollection<T>으로 변경하십시오. 이 같은 정확한 인덱스와 바인딩을 하드 코딩 한 경우

:

Source="{x:Bind PropertyName.WeatherIconSource[0], Mode=OneWay}" 
Source="{x:Bind PropertyName.WeatherIconSource[2], Mode=OneWay}" 
Source="{x:Bind PropertyName.WeatherIconSource[5], Mode=OneWay}" 

다음과 같은 컬렉션을 인스턴스화 그래서 당신은하지 않습니다 IndexOutOfRangeException : 어떻게 설정하는

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" /`>