Windows Phone 7模拟器上触发两次TextBox.TextChanged事件

我有一个非常简单的测试应用程序，可以与Windows Phone 7一起使用。我刚刚在标准UI模板中添加了TextBox和TextBlock。唯一的自定义代码如下：

public partial class MainPage : PhoneApplicationPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    private int counter = 0;

    private void TextBoxChanged(object sender, TextChangedEventArgs e)
    {
        textBlock1.Text += "Text changed " + (counter++) + "\r\n";
    }
}

该TextBox.TextChanged事件连接到TextBoxChangedXAML中：

<TextBox Height="72" HorizontalAlignment="Left" Margin="6,37,0,0"
         Name="textBox1" Text="" VerticalAlignment="Top"
         Width="460" TextChanged="TextBoxChanged" />

但是，每当我在仿真器中运行时按一次键（屏幕键盘或物理键盘，都已按Pause键以启用后者），它将使计数器递增两次，并在中显示两行TextBlock。我尝试过的一切都表明该事件确实触发了两次，我也不知道为什么。我已经验证它仅被订阅一次-如果我在MainPage构造函数中取消订阅，则在文本更改时（文本块）完全没有任何反应。

我已经在常规的Silverlight应用程序中尝试了等效的代码，但并没有在其中发生。我目前没有可重现此功能的实体电话。我尚未在Windows Phone 7中找到任何已知问题的记录。

谁能解释我在做什么错，还是应该将其报告为错误？

编辑：为了减少这种被降低到具有两个文本控件的可能性，我已经试图消除TextBlock完全，并改变TextBoxChanged方法只是增量counter。然后，我在仿真器中运行，键入10个字母，然后在该counter++;行上放置一个断点（只是为了消除闯入调试器会引起问题的任何可能性），它显示counter为20。

编辑：我现在已经在Windows Phone 7论坛中问了 ……我们将看看会发生什么。

该TextChanged事件在WP7中触发两次的原因是TextBox为Metro外观模板化的。

如果您TextBox在Blend中编辑模板，则会看到它包含一个辅助模板TextBox用于禁用/只读状态。作为副作用，这将导致事件触发两次。

TextBox如果不需要这些状态，可以更改模板以删除多余的（和关联的状态），也可以修改模板以在禁用/只读状态下获得不同的外观，而无需使用secondary TextBox。

这样，该事件将仅触发一次。

我会去找bug，主要是因为如果您将KeyDownand KeyUp事件放在其中，则表明它们仅被触发一次（每个TextBoxChanged事件），但是事件被触发了两次

在我看来，这确实像个虫子。解决方法是，您始终可以使用Rx's DistinctUntilChanged。有一个重载，可让您指定唯一键。

此扩展方法返回可观察到的TextChanged事件，但跳过连续的重复项：

public static IObservable<IEvent<TextChangedEventArgs>> GetTextChanged(
    this TextBox tb)
{
    return Observable.FromEvent<TextChangedEventArgs>(
               h => textBox1.TextChanged += h, 
               h => textBox1.TextChanged -= h
           )
           .DistinctUntilChanged(t => t.Text);
}

修复错误后，您只需删除该DistinctUntilChanged行即可。

真好！我通过搜索相关问题找到了这个问题，并且在我的代码中也发现了这个烦人的事情。在我的情况下，双重事件会占用更多的CPU资源。因此，我使用以下解决方案修复了我的实时过滤器文本框：

private string filterText = String.Empty;

private void SearchBoxUpdated( object sender, TextChangedEventArgs e )
{
    if ( filterText != filterTextBox.Text )
    {
        // one call per change
        filterText = filterTextBox.Text;
        ...
    }

}

我相信这一直是Compact Framework中的错误。它必须已被带入WP7。

当然，对于我来说，这似乎是个错误，如果您每次文本更改时都尝试引发一个事件，则可以尝试使用双向绑定，但是不幸的是，这不会引发每次按键更改事件（仅当该字段失去焦点）。如果您需要一种解决方法，请执行以下操作：

        this.textBox1.TextChanged -= this.TextBoxChanged;
        textBlock1.Text += "Text changed " + (counter++) + "\r\n";
        this.textBox1.TextChanged += this.TextBoxChanged;

免责声明-我不熟悉xaml细微差别，而且我知道这听起来不合逻辑...但是，无论如何-我的第一个想法是尝试仅作为普通eventarg而不是textchangedeventargs进行传递。没道理，但可能会有所帮助吗？好像我之前看到过这样的两次触发是由于错误或由于某种原因在幕后发生了2个添加事件处理程序调用而导致的……我不确定是哪一个？

再次，如果您需要快速又肮脏的话，那么我将不熟悉xaml，我的下一步就是跳过该文本框的xaml，这是一种快速的解决方法...暂时完全在c＃中执行该文本框，直到您可以找出错误或棘手的代码...也就是说，如果您需要临时解决方案。

我不认为这是一个错误..当您将值分配给textchanged事件内的text属性时，textbox值将更改，这将再次称为text change事件。

在Windows窗体应用程序中尝试此操作，可能会收到错误消息

“在System.Windows.Forms.dll中发生了类型为'System.StackOverflowException'的未处理异常”

StefanWick是正确的，请考虑使用此模板

<Application.Resources>
        <ControlTemplate x:Key="PhoneDisabledTextBoxTemplate" TargetType="TextBox">
            <ContentControl x:Name="ContentElement" BorderThickness="0" HorizontalContentAlignment="Stretch" Margin="{StaticResource PhoneTextBoxInnerMargin}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="Stretch"/>
        </ControlTemplate>
        <Style x:Key="TextBoxStyle1" TargetType="TextBox">
            <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
            <Setter Property="Background" Value="{StaticResource PhoneTextBoxBrush}"/>
            <Setter Property="Foreground" Value="{StaticResource PhoneTextBoxForegroundBrush}"/>
            <Setter Property="BorderBrush" Value="{StaticResource PhoneTextBoxBrush}"/>
            <Setter Property="SelectionBackground" Value="{StaticResource PhoneAccentBrush}"/>
            <Setter Property="SelectionForeground" Value="{StaticResource PhoneTextBoxSelectionForegroundBrush}"/>
            <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
            <Setter Property="Padding" Value="2"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TextBox">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates" ec:ExtendedVisualStateManager.UseFluidLayout="True">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EnabledBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="ReadOnly">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EnabledBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="EnabledBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxEditBackgroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="EnabledBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxEditBorderBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <VisualStateManager.CustomVisualStateManager>
                                <ec:ExtendedVisualStateManager/>
                            </VisualStateManager.CustomVisualStateManager>
                            <Border x:Name="EnabledBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Margin="{StaticResource PhoneTouchTargetOverhang}">
                                <ContentControl x:Name="ContentElement" BorderThickness="0" HorizontalContentAlignment="Stretch" Margin="{StaticResource PhoneTextBoxInnerMargin}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="Stretch"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Application.Resources>

这是一个古老的话题，但是您可以添加布尔值来检查事件是否已经起作用，而不是更改模板（对我而言不起作用，我看不到带有Blend的其他文本框）。

boolean already = false;
private void Tweet_SizeChanged(object sender, EventArgs e)
{
    if (!already)
    {
        already = true;
        ...
    }
    else
    {
    already = false;
    }
}

我知道这不是完美的方法，但我认为这是简单的方法。而且有效。