为什么文本框边框红色出现在文本框上的面板上

Question

我的情况下，我有文本框，必须做一些验证，验证后显示红色边框。问题是当我将一个面板悬停在未经验证的文本框上时，红色边框仍然可以在文本框上方的面板上看到，即使面板具有完全不透明度，它可能是一个WPF文本框错误。

我有下面的代码来产生这个问题：Xaml：

<Window x:Class="RedTextBoxFix.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:RedTextBoxFix"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel Margin="5">
        <Canvas Panel.ZIndex="6000" Name="panel2" Margin="5">
            <Expander Background="LightGray" ExpandDirection="Right" 
                      Header="Expand over the textbox.." 
                      VerticalAlignment="Top" 
                      HorizontalAlignment="Left">
                <StackPanel Width="900" Height="600">
                </StackPanel>
            </Expander>
        </Canvas>
        <StackPanel Name="panel1" Visibility="Visible" Margin="5">
            <TextBox Name="DataBoundTextBox" Height="20" Width="100" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Binding Path="TextValue">
                    <Binding.ValidationRules>
                        <ExceptionValidationRule/>
                    </Binding.ValidationRules>
                </Binding>
            </TextBox>
        </StackPanel>
    </StackPanel>
</Window>

文件代码：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace RedTextBoxFix
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            this.DataContext = new MyClass("RemoveThisText");



        }
        public class MyClass : INotifyPropertyChanged
        {

            private string mTextValue;

            public MyClass(string defaultText)
            {
                TextValue = defaultText;
            }

            public string TextValue
            {
                get
                {
                    return mTextValue;
                }
                set
                {
                    mTextValue = value;
                    if (string.IsNullOrEmpty(mTextValue))
                    {
                        throw new ApplicationException("Text value cannot be empty");
                    }
                    OnPropertyChanged(new PropertyChangedEventArgs("TextValue"));
                }
            }

            public event PropertyChangedEventHandler PropertyChanged;

            protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)
            {
                if (this.PropertyChanged != null)
                {
                    this.PropertyChanged(this, e);
                }
            }
        }
    }
}

制作步骤：

（1）在WPF项目中复制粘贴代码，然后启动应用程序。

（2）删除整个文本并按Tab键，然后你有文本框的红色边框

（3）扩展扩展器。

现在，在扩展器面板上有意外的红色边框。必须删除哪个。但是怎么样？那个问题，请问有什么帮助吗？

Answer 1

Adorner是绑定到UIElement的自定义FrameworkElement。装饰器在AdornerLayer中渲染，AdornerLayer是一个渲染表面，始终位于装饰元素的顶部或装饰元素的集合之上。

除此之外，装饰用于提供视觉反馈，在您的情况下出错。窗口有一个AdornerDecorator，它位于一切之上，它包含一个AdornerLayer。这就是您的装饰者表示错误的位置。所以你需要在Canvas下面一个，你可以在TextBox周围添加一个。

<StackPanel Name="panel1" Visibility="Visible" Margin="5">
    <AdornerDecorator>
        <TextBox Name="DataBoundTextBox" Height="20" Width="100" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Binding Path="TextValue">
                <Binding.ValidationRules>
                    <ExceptionValidationRule/>
                </Binding.ValidationRules>
            </Binding>
        </TextBox>
    </AdornerDecorator>
</StackPanel>

关于Microsoft Docs装饰品的更多细节。