c# - WPF 与属性索引绑定(bind)？

Question

我有一个项目，我需要将 TextBox 的背景绑定(bind)到数组中的一个值，其中索引是 DataContext 中的一个属性:

Binding backgroundBinding= new Binding();
backgroundBinding.Path = new PropertyPath($"Elements[{Index}].Value");

我一直在代码隐藏中创建绑定(bind)，但想找到一种更好、更优雅的方法来完成它。我是否必须创建一个自定义转换器，或者是否有某种方法可以在 XAML 中引用索引属性？

Answer 1

所以您在这里有两个选择。我想你问的是第一个。我在我的 viewmodel 中设置了两个属性 - 一个用于颜色数组，另一个用于我要使用的索引。我通过 MultiConverter 将它们绑定(bind) 以从数组返回正确的颜色。这将允许您在运行时更新您选择的索引，并将背景更改为新选择的颜色。如果你只是想要一个永不改变的静态索引，你应该使用实现IValueConverter而不是IMultiValueConverter，然后使用ConverterParameter传递索引> 属性(property)。

作为旁注，我选择将数组实现为 Color 类型。 SolidColorBrush 对象很昂贵，这样做将有助于降低成本。

public class ViewModel : INotifyPropertyChanged
{
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private Color[] _backgroundColours = new Color[] { Colors.AliceBlue, Colors.Aqua, Colors.Azure };
    public Color[] BackgroundColours
    {
        get => _backgroundColours;
        set
        {
            _backgroundColours = value;
            OnPropertyChanged();
        }
    }

    private int _backgroundIndex = 1;

    public int ChosenIndex
    {
        get => _backgroundIndex;
        set
        {
            _backgroundIndex = value;
            OnPropertyChanged();
        }
    }
}

...

public class BackgroundConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        var backgroundColours = values[0] as Color[];
        var chosenIndex = (int)values[1];

        return new SolidColorBrush(backgroundColours[chosenIndex]);
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

...

<Grid>
    <Grid.DataContext>
        <local:ViewModel />
    </Grid.DataContext>
    <Grid.Resources>
        <local:BackgroundConverter x:Key="backgroundConverter"/>
    </Grid.Resources>
    <TextBox>
        <TextBox.Background>
            <MultiBinding Converter="{StaticResource backgroundConverter}">
                <Binding Path="BackgroundColours" />
                <Binding Path="ChosenIndex" />
            </MultiBinding>
        </TextBox.Background>
    </TextBox>
</Grid>