Datatrigger绑定到ControlTemplate和ContentPresenter中样式的TargetType的属性

时间:2015-07-17 17:35:42

标签: c# wpf controltemplate datatrigger

我正在为WPF工具提示创建一个样式。工具提示是一个文本框,箭头指向拥有工具提示的控件。箭头需要位于文本框的左侧或右侧,具体取决于ToolTip.Placement是Right还是Left。

为此,我创建了一个向右箭头和向左箭头,并尝试使用数据触发器绑定到Placement属性,以便我可以设置箭头的可见性。

现在,两个箭头总是显示出来。我认为我的数据触发器没有设置为绑定到ToolTip的Placement属性,但我不知道错误。

     <Style TargetType="ToolTip">
        <Setter Property="Placement" Value="Right" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToolTip">
                    <ContentPresenter>
                        <ContentPresenter.Content>
                            <StackPanel Orientation="Horizontal" >

                                <Path x:Name="LeftArrow" Fill="DarkOrange" Data="M 0 0 L 12 9 L 12 -9 Z" VerticalAlignment="Center" Stretch="Uniform">
                                    <Path.Style>
                                        <Style TargetType="Path">
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Placement}" Value="Right">
                                                    <Setter Property="Visibility" Value="Collapsed" />
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Path.Style>
                                </Path>

                                <TextBox Background="DarkOrange" Height="50" Width="50" />

                                <Path x:Name="RightArrow" Fill="DarkOrange" Data="M 0 0 L -12 -9 L -12 9 Z" VerticalAlignment="Center" Stretch="Uniform">
                                    <Path.Style>
                                        <Style TargetType="Path">
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding Placement}" Value="Right">
                                                    <Setter Property="Visibility" Value="Collapsed" />
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Path.Style>
                                </Path>

                            </StackPanel>
                        </ContentPresenter.Content>
                    </ContentPresenter>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

1 个答案:

答案 0 :(得分:4)

模板被覆盖,因此您需要使用 TemplatedParent 。检查值是向左还是向右,因为在这两种情况下DataTrigger都会检查Right。

<Path x:Name="RightArrow" Fill="DarkOrange" Data="M 0 0 L -12 -9 L -12 9 Z" VerticalAlignment="Center" Stretch="Uniform">
    <Path.Style>
             <Style TargetType="Path">
              <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource TemplatedParent},Path=Placement}" Value="Right">
                  <Setter Property="Visibility" Value="Collapsed" />
                </DataTrigger>
              </Style.Triggers>
             </Style>
      </Path.Style>
</Path>