将一个元素绑定到两个源

Question

我目前有两个可以接受任何数字的文本框。我有一个文本块，它接受输入的两个数字并计算平均值。

我想知道是否有一种方法可以将此文本块绑定到两个文本框并使用自定义转换器来计算平均值？我目前正在捕获两个文本框上的文本更改事件并以这种方式计算平均值，但我假设数据绑定会更有效、更容易。

Answer 1

只是在蒂莫西的回答中添加分步程序：

1. 设置 View.TextBlock.Text 属性以绑定到 ViewModel.AvgValue 属性。
2. 捕捉 TextBox 控件的 TextChanged 事件，然后在该 TextChanged 事件的处理程序中设置 AvgValue。
3. 作为第 2 步中该处理程序的一部分，请确保引发属性更改，以便更新 TextBlock。

Answer 2

创建一个实现 IMultiValueConverter 的转换器。它可能看起来像这样：

class AverageConverter : IMultiValueConverter
{
    #region IMultiValueConverter Members
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        int total = 0;
        int number = 0;
        foreach (object o in values)
        {
            int i;
            bool parsed = int.TryParse(o.ToString(), out i);
            if (parsed)
            {
                total += i;
                number++;
            }
        }
        if (number == 0) return 0;
        return (total/number).ToString();
    }

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

    #endregion
}

多值转换器接收一个对象数组，每个绑定都有一个。您可以根据需要处理这些，具体取决于您打算将其用于 double 还是 int 或其他。

如果两个文本框是数据绑定的，你可以在你的文本块的多重绑定中使用相同的绑定（记得在属性改变时通知，以便更新你的平均值），或者你可以通过引用文本框来获取文本值按元素名称。

<TextBox Text="{Binding Value1}" x:Name="TextBox1" />
<TextBox Text="{Binding Value2}" x:Name="TextBox2" />

<TextBlock>
   <TextBlock.Text>
      <MultiBinding Converter="{StaticResource AverageConverter}">
         <Binding ElementName="TextBox1" Path="Text" />
         <Binding ElementName="TextBox2" Path="Text" />
         <!--  OR  -->
         <!-- <Binding Path="Value1" />  -->
         <!-- <Binding Path="Value2" />  -->

      </MultiBinding>
   </TextBlock.Text>
</TextBlock>

Answer 3

或者，您可以在后面的代码中创建一个属性，并将 TextBlock 绑定到该属性...我一直这样做，这比创建一个转换器，然后在那里执行相同的代码要简单一些。

示例：（在 xaml 后面的代码中）：

public double AvgValue
{
    get { return (valueA + valueB) / 2.0; }
}

然后，在您的 XAML 中：

<TextBlock Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Path=AvgValue}" />

这比自定义转换器简单得多。

Answer 4

您正在寻找MultiBinding。

您的XAML 将如下所示：

<TextBlock>
  <TextBlock.Text>
    <MultiBinding Converter="{StaticResource myConverter}">
      <Binding Path="myFirst.Value" />
      <Binding Path="mySecond.Value" />
    </MultiBinding>
  </TextBlock.Text>
</TextBlock>

对myConverter、myFirst.Value 和mySecond.Value 进行合理替换。