为什么我不能在我的 UserControl 中重置 TextBox 的背景？

Question

我构建了一个 UserControl，它以有趣且有用的方式扩展了 ComboBox 的功能。掉下来的样子是这样的：

我已经在控件中构建了一大堆功能，它们都可以顺利运行。这让我相信我对自己在做什么有一些线索。您会认为让 UserControl 的样式设置可编辑的 TextBox 的背景画笔是一件小事。事实上，这似乎是不可能的。我很困惑。

UserControl 的 XAML，非常 缩写（你会感谢我的），看起来像这样：

<UserControl x:Class="MyApp.CodeLookupBox" x:Name="MainControl">
    <UserControl.Resources>
       <!-- tons of DataTemplates and Styles, most notably the style that
            contains the control template for the ComboBox -->
    <UserControl.Resources>
    <ComboBox x:Name="ComboBox" 
                   Margin="0" 
                   Style="{DynamicResource ComboBoxStyle1}" 
                   VerticalAlignment="Top"
                   ItemTemplate="{StaticResource GridViewStyleTemplate}"/>
</UserControl>

此控件中有很多代码隐藏，主要是我用于选择下拉菜单中使用的模板之类的依赖属性。

让我抓狂的是可编辑的文本框。我希望能够从用户控件的样式设置其背景画笔 - 例如，当我在 XAML 中声明这些用户控件之一时，它使用如下样式：

<Style TargetType="{x:Type local:CodeLookupBox}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsRequired}" Value="True">
            <Setter Property="EditableTextBoxBackground" Value="{StaticResource RequiredFieldBrush}"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

我一开始只是简单地设置了 UserControl 的背景，但是将背景设置在可编辑文本框的后面。 TextBox 本身仍然是白色的。

在 ComboBox 的模板中，有一个样式控制着 TextBox：

<Style x:Key="ComboBoxEditableTextBox" TargetType="{x:Type TextBox}">
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="AllowDrop" Value="true"/>
    <Setter Property="MinWidth" Value="0"/>
    <Setter Property="MinHeight" Value="0"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <ScrollViewer 
                            x:Name="PART_ContentHost" 
                            Focusable="false" 
                            HorizontalScrollBarVisibility="Hidden" 
                            VerticalScrollBarVisibility="Hidden"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

还有 TextBox（在 ComboBox 的控件模板内）它的坏自我：

<TextBox 
    x:Name="PART_EditableTextBox" 
    Margin="{TemplateBinding Padding}" 
    Style="{StaticResource ComboBoxEditableTextBox}" 
    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
    VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
    IsReadOnly="{Binding IsReadOnly, RelativeSource={RelativeSource TemplatedParent}}"/>

现在，关于 ComboBoxEditableTextBox 样式的事情有一个明确的元素。那个 ScrollViewer 在里面做什么？我不知道。我可以告诉你，如果我将设置 TextBox 的 ControlTemplate 的样式部分注释掉，就会发生非常糟糕的事情。

而且我也知道这一点：如果我明确地将 TextBox 的背景画笔设置为样式的设置器之一，则不会发生任何事情。如果我在 PART_EditableTextBox 上明确设置背景，则不会发生任何事情。 （我可以设置它的 Foreground 或 FontFamily，它们工作得很好。）

如果我将该 ScrollViewer 的背景显式设置为绿色，那么，瞧，TextBox 会变为绿色。

好的，所以 TextBox 忽略了它自己的背景，并使用了它的控件模板中的背景。实际上，严格来说，也不是使用控制模板中的那个。当我设置 ScrollViewer 的背景时，颜色的边缘有一个确定的边距，而不是完全填充 TextBox 的颜色。但是那个边距是白色的，而不是背景色。

除非我能弄清楚为什么 TextBox 忽略了它的背景，否则我必须忍受调整 ScrollViewer。那么如何从用户控件的 EditableTextBoxBackground 属性中获取画笔呢？我已经将此作为一个依赖属性，当它发生更改时会正确引发 PropertyChanged 事件。我在神秘的 ScrollViewer 的 XAML 中绑定到它，如下所示：

Background="{Binding ElementName=MainControl, 
    Path=EditableTextBoxBackground, 
    Converter={StaticResource DebuggingConverter}}"

我在调试转换器中设置了一个断点。首次绘制控件时，它会被击中两次。第一次，brush的值为null。第二次，这是正确的值。如果我在我的 UserControl 的 构造函数 中设置该属性，它就会起作用。

所以这就是我所知道的：我的 UserControl 的属性设置正确。 TextBox 样式的绑定正确绑定到 UserControl 的属性。 TextBox 的控件模板中 ScrollViewer 上的绑定绑定到 right 属性。该属性在更改时使用正确的属性名称引发 PropertyChanged，并且绑定将值推送到 ScrollViewer 背景属性。

什么也没发生。

所以我想我有一个三部分的问题：1）为什么？ 2) ScrollViewer 到底在做什么？我有我的怀疑，但现在是早上的一个，我越来越难以表达它们。 3) 为什么 Blend 给了我一个不同的控制模板来使用，而不是更容易理解的 here？

真的，任何帮助将不胜感激。

Answer 1

你有问题。我有答案。

1- 为什么 ScrollViewer 的 Background 绑定行为如此奇怪？

当第一次测量TextBox 时，它会实例化其模板。这将创建 ScrollViewer。应用模板后，TextBox 检查ScrollViewer 的Background 属性当前是否具有空值。如果是这样，它将用Background.Transparent 覆盖它。这样做会断开您的绑定。

这就是为什么当你在构造函数中设置它而不是稍后它起作用的原因：TextBox 看到 null 值并用 Background.Transparent 覆盖它，破坏了绑定。

2- ScrollViewer 在那里做什么？

TextBox 是一个 Control，它实际上并没有处理文本呈现本身的任何血腥细节 - 如果您浏览可视化树，您会看到这是由另一个名称为 something 的 Visual 处理的像“文本视图”。 TextBox 的主要工作实际上是呈现文本框周围的边框和/或让您给它一个全新的外观。

TextBox 需要一个具有名为 PART_ContentHost 的元素的模板，该元素是 ContentPresenter 或 ScrollViewer。如果是简单的ContentPresenter，则简单地将内部“TextView”对象添加到其中。如果是ScrollViewer，TextBox 还会连接一些额外的功能，例如在获得焦点时将文本滚动到视图中。

ScrollViewer的生活目的是让TextBox中的文字可以水平滚动，对于多行文本框也可以垂直滚动。

3- 为什么 Blend 给了我不同的控制模板

Blend 从引用的程序集中加载实际的ControlTemplate XAML，在本例中为 PresentationFramework.dll 和当前系统主题的关联主题 dll。因此，它会在您安装的 NET Framework 版本中加载实际使用的内容。您链接的网站上的 XAML 只是示例代码，而不是实际的 NET Framework XAML。

我又添加了两个相关问题：

4- 为什么设置 TextBox 的 Background 属性不起作用？

没有一个 WPF 的 Control 子类实际上自己实现了它们的 Background 属性。 Background DependencyProperty 只是一个命名画笔，控件的模板可以绑定到如果它喜欢。这对于TextBox 和任何其他Control 一样适用。默认的TextBox 模板包含一个“chrome”对象，其中包含显示背景的代码，类似于您可能使用边框的内容。由于ComboBox 已经显示了自己的“chrome”，因此它使用自己的TextBox 模板，其中包括ScrollViewer，但不包括周围的chrome。这就是为什么在ComboBox 内的TextBox 上设置Background 属性无效。

5-我如何解决我的问题并在ComboBox内绑定TextBox的背景颜色

如果您对白边没问题，您可以简单地将ScrollViewer 包裹在<Border> 中，并在<Border> 上设置背景。如果没有，您将不得不将所需的背景移动到主 ControlTemplate 中为 ComboBox 提供的 chrome 中。