WPF 绑定 Style.Trigger 到父级

Question

我正在尝试为我在网络上某处找到的 ComboBox 实施水印解决方案（我无法再次找到该页面），但绑定有问题。原始解决方案有静态文本，我想使用绑定到 ComboBoxes Tag 属性来替换它。

这是我目前所拥有的：

 <Grid>
        <Grid.Resources>
            <VisualBrush x:Key="Watermark" TileMode="None" Opacity="0.4" Stretch="None" AlignmentX="Left">
                <VisualBrush.Visual>
                    <TextBlock FontStyle="Italic" Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ComboBox}}, Path=Tag}"/>
                </VisualBrush.Visual>
            </VisualBrush>
            <Style TargetType="ComboBox" BasedOn="{StaticResource {x:Type ComboBox}}">
                <Setter Property="Margin" Value="5"/>
                <Setter Property="IsEditable" Value="False"/>
                <Setter Property="IsReadOnly" Value="True"/>
                <Style.Triggers>
                    <Trigger Property="Text" Value="">
                        <Setter Property="Background" Value="{DynamicResource Watermark}"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <ComboBox Grid.Column="0" ItemsSource="{Binding Categories}" Tag="Categories"/>
        <ComboBox Grid.Column="1" ItemsSource="{Binding SubCategories}" Tag="SubCategories"/>
        <ComboBox Grid.Column="2" ItemsSource="{Binding Whatever}" Tag="Whatever"/>

不幸的是，“FindAncestor”部分似乎无法正常工作。 谁能告诉我为什么？

提前致谢！

Answer 1

恐怕没那么容易。

首先，您不能像这样设置ComboxBox Background 属性。很明显，只要您尝试用一些硬编码文本替换 RelativeSource-Binding。

其次，您必须确保 VisualBrush 资源是 ComboBox 的 VisualTree 的一部分，而不是其他地方（例如在包含 Grid 中）。

这两个问题都可以通过重新模板化ComboBox 来解决。这可以通过首先创建一个新模板（作为副本）在 Blend 或 Visual Studio 中完成。然后你需要稍微改变一下。

会有一个名为“templateRoot”的Grid。添加您的水印资源：

<Grid x:Name="templateRoot" SnapsToDevicePixels="True">
    <Grid.Resources>
        <VisualBrush x:Key="Watermark" TileMode="None" Opacity="0.4" Stretch="None" AlignmentX="Left">
            <VisualBrush.Visual>
                <TextBlock FontStyle="Italic" Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ComboBox}}, Path=Tag}"/>
            </VisualBrush.Visual>
        </VisualBrush>
    </Grid.Resources>
    <Grid.ColumnDefinitions>...

然后，您需要在<ControlTemplate.Triggers> 部分的末尾插入另一个MultiDataTrigger：

<MultiDataTrigger>
    <MultiDataTrigger.Conditions>
        <Condition Binding="{Binding Text, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ComboBox}}}" Value="" />
    </MultiDataTrigger.Conditions>
    <Setter Property="Background" TargetName="templateRoot" Value="{DynamicResource Watermark}"/>
</MultiDataTrigger>

它必须是MultiTrigger 条件，否则它是不可绑定的。