WPF 错误样式仅在选项卡控件的可见选项卡上正确呈现

Question

我有一个数据对象，用于包含支持 INotifyPropertyChanged 和 IDataErrorInfo 的 UI 数据。最初，我将所有 UI 控件显示在一个大型 WPF 应用程序中，并且很高兴看到通过此自定义样式标记的错误：

    <!-- Set error style for textboxes -->
    <Style x:Key="txtBoxErrStyle" TargetType="{x:Type TextBox}">
        <Style.Triggers>
            <Trigger Property="Validation.HasError" Value="True">
                <Setter Property="ToolTip" 
                            Value="{Binding RelativeSource={x:Static RelativeSource.Self}, 
                            Path=(Validation.Errors)[0].ErrorContent}" />
            </Trigger>
        </Style.Triggers>

        <Setter Property="Validation.ErrorTemplate">
            <Setter.Value>
                <ControlTemplate>
                    <DockPanel DockPanel.Dock="Right">
                        <AdornedElementPlaceholder />
                        <Image Source="Error.png"
                                   Height="16"
                                   Width="16"
                                   ToolTip="{Binding Path=AdornedElement.ToolTip, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Adorner}}}" />
                    </DockPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

今天我正在重新组织程序，并决定将各种 UI 控件分布在 TabControl 的多个页面上。代码>.我为此使用的结构布局是：（

<tabcontrol>
    <tabitem>
        <AdornerDecorator>
           [.. various Stack Panels, Groups and UI controls moved from original layout ..]
        </AdornerDecorator>
    </tabItem>
    <tabitem>
        <AdornerDecorator>
           [.. various Stack Panels, Groups and UI controls moved from original layout ..]
        </AdornerDecorator>
    </tabItem>

    ...
 </tabcontrol>

我正在使用AdornerDecorator，因为我在之前的程序中经历过交换选项卡页面时错误样式没有重新渲染。我不记得在哪里我看到了这个，但它确实帮助了我。）

现在，当我启动程序时，错误样式可以正确呈现在程序启动时打开的 TabItem 上，但不能正确呈现在另一个（隐藏的) TabItem。当我选择（并显示）其中一个 TabItem 时，会设置错误样式的工具提示，但不会显示错误图标图像。

我还测试了删除自定义样式并恢复为文本框的默认 WPF 错误样式，但我仍然得到类似的行为，即在程序运行时隐藏的 TabItem 控件周围没有红色框打开。

所以看来我完全错过了一些阻止错误样式在打开的选项卡项之外正确呈现的东西。有什么想法吗？

9月3日编辑更改了描述以支持更好地理解我所看到的

谈论2014年的似曾相识

现在是2014年11月，今天我遇到了这个愚蠢的WPF问题，错误模板没有显示在选项卡控制器中呈现的项目上。我内心深处的某些想法表明我以前见过这个问题。于是我用谷歌搜索，第一个出现的就是我自己 2009 年提出的问题！

这次我看到了 dkl 的评论，这是我上次解决问题后添加的。所以我尝试了他的方式并使用了这个解决方案（效果很好，我不需要在我的选项卡控件上撒上装饰器控件）：

<Style x:Key="TextBoxErrorStyle" TargetType="TextBox">
    <Style.Triggers>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="Validation.HasError" Value="True" />
                <Condition Property="IsVisible" Value="True" />
            </MultiTrigger.Conditions>
            <Setter Property="Validation.ErrorTemplate">
                <Setter.Value>
                    <ControlTemplate>
                        <DockPanel LastChildFill="True">
                            <TextBlock  DockPanel.Dock="Right" 
                                Foreground="Red"
                                FontSize="14pt" 
                                 Margin="-15,0,0,0" FontWeight="Bold">*
                            </TextBlock>
                            <Border BorderBrush="Red" BorderThickness="2">
                                <AdornedElementPlaceholder Name="controlWithError"/>
                            </Border>
                        </DockPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="ToolTip" 
                    Value="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=(Validation.Errors).CurrentItem.ErrorContent}" />
        </MultiTrigger>
    </Style.Triggers>
</Style>

Answer 1

（我正在使用 AdornerDecorator，因为我
在之前的节目中经历过
错误样式没有被重新渲染
交换标签页时。我不能
记得我在哪里看到过这个，但确实如此
帮帮我）

大概这个确实重要的提示源自 Karl Shifflets 博客，至少他正在讨论相同的主题： WPF 验证错误切换 TabItems 时消失在 TabControl 内。

鉴于此，您的问题可能只是相关的，即上面的提示/代码确保有一个专用的 AdornerLayer，因为当您切换选项卡时，父元素的装饰层将被丢弃。不过，这个专用的装饰器层似乎仍然需要一些特殊处理，请参阅例如问题 WPF ErrorTemplate 可见什么时候不集中注意力？这基本上是在颠倒处理你的问题。因此，我建议您将后者的概述解决方案与您的风格结合并扩展，并尝试以下操作（尽管目前尚未测试代码）：

<Style x:Key="ErrorTemplate" TargetType="{x:Type TextBox}">
    <Style.Triggers>
        <Trigger Property="Validation.HasError" Value="True">...</Trigger>
        <Trigger Property="IsVisible" Value="false">
            <Setter Property="Validation.ErrorTemplate" Value="{x:Null}"/>
        </Trigger>
        <Trigger Property="IsVisible" Value="true">
            <Setter Property="Validation.ErrorTemplate">
                <Setter.Value>...</Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

请参阅我关于您更新 单选按钮错误样式，它试图以类似的方式解决您可能相关的问题；你真的尝试过我的建议吗？

有关装饰器架构的更多详细信息，请参阅装饰器概述。

Answer 2

Steffen Opel 通过他的链接解决了我的问题： 切换 TabItem 时，WPF 验证错误在 TabControl 内消失。

<TabControl>

  <TabItem>
    <AdornerDecorator>
      <StackPanel>
        ...
      </StackPanel>
    </AdornerDecorator>
  </TabItem>

  <TabItem>
    <AdornerDecorator>
      <StackPanel>
        ...
      </StackPanel>
    </AdornerDecorator>
  </TabItem>

  <TabItem>
    <AdornerDecorator>
      <StackPanel>
        ...
      </StackPanel>
    </AdornerDecorator>
  </TabItem>

</TabControl>

Answer 3

只是为了添加到提供的答案中，可以在资源字典中设置一次错误模板。只需复制触发器即可粘贴所有相关元素类型的所有默认样式。

例如：

<ResourceDictionary ...>
    <!-- Add to the default style instead of replacing it -->
    <Style TargetType="TextBox" BasedOn="{StaticResource {x:Type TextBox}}">
        <Style.Triggers>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Validation.HasError" Value="True" />
                    <Condition Property="IsVisible" Value="True" />
                </MultiTrigger.Conditions>
                <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource ValidationErrorTemplate}"/>
            </MultiTrigger>
        </Style.Triggers>
    </Style>

    <Style TargetType="PasswordBox" BasedOn="{StaticResource {x:Type PasswordBox}}">
        <Style.Triggers>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Validation.HasError" Value="True" />
                    <Condition Property="IsVisible" Value="True" />
                </MultiTrigger.Conditions>
                <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource ValidationErrorTemplate}"/>
            </MultiTrigger>
        </Style.Triggers>
    </Style>
</ResourceDictionary>

或者，更进一步，通过组合样式来避免触发重复：

<ResourceDictionary ...>
    <Style x:Key="ErrorControlStyle" TargetType="Control">
        <Style.Triggers>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Validation.HasError" Value="True" />
                    <Condition Property="IsVisible" Value="True" />
                </MultiTrigger.Conditions>
                <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource ValidationErrorTemplate}"/>
            </MultiTrigger>
        </Style.Triggers>
    </Style>

    <Style TargetType="PasswordBox" BasedOn="{extensions:MultiStyle . ErrorControlStyle}"/>
    <Style TargetType="TextBox" BasedOn="{extensions:MultiStyle . ErrorControlStyle}"/>
</ResourceDictionary>

但我会远离避免这种方法，因为它会破坏设计师。

在上面的示例中，我使用了来自 MahApps.Metro

另外，不要忘记在 AdornerDecorator 中使用 < code>TabItem 修复，如@Abyte0所述，以便在选项卡切换时保持验证。