绑定导致 StackOverflow

Question

我不确定我在这里做错了什么。

可以说，我有两个用户控件BoxA和BoxB。两者都有一个名为 Text

的 DependencyProperty

BoxB 包装了具有常规 TextBox 的 BoxA。

绑定应该像这样 BoxB.Text BoxA.Text TextBox.Text

Xaml BoxA：

<UserControl x:Class="SandBoxWpf.BoxA"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             DataContext="{Binding RelativeSource={RelativeSource Self}}">

    <TextBox Text="{Binding Text, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"></TextBox>

</UserControl>

Xaml BoxB：

<UserControl x:Class="SandBoxWpf.BoxB"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:SandBoxWpf"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             DataContext="{Binding RelativeSource={RelativeSource Self}}">

    <local:BoxA Text="{Binding Text, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"></local:BoxA>

</UserControl>

BoxA 和 BoxB 的代码隐藏

using System.Windows;
using System.Windows.Controls;

namespace SandBoxWpf
{
    /// <summary>
    /// Interaktionslogik für BoxA.xaml
    /// </summary>
    public partial class BoxX : UserControl
    {
        public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
                "Text",
                typeof(string),
                typeof(BoxX),
                new PropertyMetadata(default(string)));

        public string Text
        {
            get => (string) GetValue(TextProperty);
            set => SetValue(TextProperty, value);
        }

        public BoxX()
        {
            InitializeComponent();
        }
    }
}

主窗口

<Window x:Class="SandBoxWpf.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:SandBoxWpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525"
        DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <Grid>
        <local:BoxB Width="100" Height="20" Text="{Binding Title}"></local:BoxB>
    </Grid>
</Window>

只要我在 BoxB 中输入内容，我就会收到 StackoverflowException。 如果我删除 Mode=TwoWay 或 UpdateSourceTrigger，StackOverflow 就会消失，但绑定也不起作用。

Answer 1

如果您正在构建具有可绑定属性（即依赖项属性）的 UserControl，则必须在任何情况下都不得显式设置 UserControl 的 DataContext，无论是控件实例还是任何私有视图模型。

如果你这样做，一个像

这样的 Binding

<local:BoxB Text="{Binding Title}">

将不再起作用。该绑定需要当前 DataContext 中的对象中的 Title 属性。 DataContext 属性值通常继承自 UserControl 的父元素，例如窗户。但是，由于您已显式设置 DataContext，因此可以避免这种机制。

这对于 UserControls 中同名的属性尤其令人困惑。当你写

<local:BoxA Text="{Binding Text, ...}"/>

在 UserControl BoxB 中，您的期望是 Binding 源属性是 BoxB.Text。其实是BoxA.Text，因为BoxA的DataContext就是BoxA的实例。

---

所以删除任何

DataContext="{Binding RelativeSource={RelativeSource Self}}"

在 UserControl 的 XAML 中使用RelativeSource 行并编写绑定，如下所示：

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

<local:BoxA Text="{Binding Text, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay},
                   RelativeSource={RelativeSource AncestorType=UserControl}"/>

Answer 2

对于任何形式的变更通知，一个危险就是我所说的“乒乓”问题。示例：

1. 属性 A 发生变化。
2. 属性 B 已更改为匹配 A。
3. 属性 B 已更改。
4. 属性 A 已更改为匹配 B。
5. 递归到 1

为了避免这种情况，带有更改通知的属性的示例代码如下所示：

public string PhoneNumber
{
    get
    {
        return this.phoneNumberValue;
    }

    set
    {
        if (value != this.phoneNumberValue)
        {
            this.phoneNumberValue = value;
            NotifyPropertyChanged();
        }
    }
}

如果输入与输出相同，则什么也不做。顺序是：

1. 属性 A 更改
2. 属性 B 已更改为匹配 A
3. B 属性变化
4. 属性 A 注意到它已经具有该值，因此什么也没做。

我最好的猜测是 WPF 元素没有这种保护。其中一种情况是“试图变得聪明可能会导致非常愚蠢”。