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