具有多个文本框的用户控件'聚合成 DependencyProperty

Question

我正在尝试构建一个本质上是 IPv4 地址“文本框”的 UserControl。

在 UserControl 中有 4 个 TextBox，其中一个 TextBlock 包含一个“.”。每个 TextBox 之间：

<Grid Grid.IsSharedSizeScope="True">
    <Grid.ColumnDefinitions>
        <ColumnDefinition SharedSizeGroup="GroupA" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition SharedSizeGroup="GroupA" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition SharedSizeGroup="GroupA" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition SharedSizeGroup="GroupA" />
    </Grid.ColumnDefinitions>
    <TextBox Grid.Column="0" TabIndex="0" x:Name="TextOctet1" />
    <TextBlock Grid.Column="1" Text="." />
    <TextBox Grid.Column="2" TabIndex="1" x:Name="TextOctet2" />
    <TextBlock Grid.Column="3" Text="." />
    <TextBox Grid.Column="4" TabIndex="2" x:Name="TextOctet3" />
    <TextBlock Grid.Column="5" Text="." />
    <TextBox Grid.Column="6" TabIndex="3" x:Name="TextOctet4" />
</Grid>

我希望我可以在可以绑定到的控件上有一个名为 IPAddress 的 DependencyProperty，或者在 XAML“123.123.123.123”中设置默认值。

<local:IPBox IPAddress="123.123.123.123" />

我认为我可以使用 MultiBinding 和 IMultiValueConverter 之类的东西：

public class IPAddressConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return String.Format("{0}.{1}.{2}.{3}", values[0], values[1], values[2], values[3]);
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
    {
        return ((string)value).Split('.');
    }
}

但我相信这会与我想要的相反。 MultiValueConverter 会将多个业务逻辑属性合并为一个属性，以供 TextBox 绑定到。

相反，我想绑定单个业务逻辑属性（表示 IPv4 地址的字符串）并使每个八位字节显示在其自己的文本框中。然后，如果任何八位字节文本框发生更改，IPAddress 依赖属性将更新。

这可能吗？我是否以正确的方式思考这个问题？

Answer 1

有很多方法可以做到这一点。只需为八位位组创建私有属性并将文本框绑定到这些属性，例如：

<TextBox Text={Binding RelativeSource={AncestorType UserControl}, Path=Octet1}, Mode=TwoWay"/>

然后实现更新依赖属性的设置器：

private int _Octet1;
private int Octet1
{
   get { return _Octet1; }
   set
   {
     _Octet1 = value;
     UpdateIPAddress();
   }
}

private void UpdateIPAddress()
{
   IPAddress = string.Format("{0}.{1}.{2}.{3}", _Octet1, _Octet2, _Octet3, _Octet4);
}

编辑：

双向绑定有点棘手，因为您需要更改通知以更新 UI。我处理这个问题的方法可能是创建一个具有八位字节和 IP 地址属性并实现 INotifyPropertyChanged 的​​视图模型类，然后在 UserControl 的构造函数中创建它的实例并绑定所有 UI控制属性。这样，当视图模型上的 IPAddress 被设置时，setter 可以解析该值，更新八位组属性，并引发 PropertyChanged 并且 UI 得到更新。

然后在 UserControl 中，我将处理视图模型上的 PropertyChanged 并在控件上设置 IPAddress 依赖属性 > 当视图模型上的IPAddress1属性发生变化时。 （这并不像听起来那么奇怪。）

您还需要编写一个函数，将视图模型的 IPAddress 属性设置为 IPAddress 依赖项属性的值，并将该函数设置为回调，当您
注册 DP。

因此，事件链将是：设置控件上的 IPAddress 属性 -> DP 回调在视图模型上设置 IPAddress 属性 -> IPAddress setter 解析八位字节并设置 Octet 属性 -> Octet 属性引发 PropertyChanged ->绑定将更改的值推送到 UserControl 中的 UI 控件。换句话说，就是：用户输入一个八位字节 ->八位字节设置器在视图模型上设置 IPAddress ->用户控件处理 PropertyChanged 并设置 IPAddress 依赖属性。