Usar el disparador de estilo para establecer la propiedad de un objeto anidado

Question

Tengo un pequeño polígono escrito en el lienzo grande. Quiero resaltar un polígono cuando el mouse se mueve sobre el lienzo. El código es el siguiente:

<UserControl ...> 
    <Canvas Name="canvas" Height="22" Width="22"> 
     <Canvas.Resources> 
      <Style TargetType="Canvas"> 
       <Style.Triggers> 
        <Trigger Property="IsMouseOver" Value="false"> 
         <Setter Property="polygon.Stroke" Value="#EEEEEE"/> 
        </Trigger> 
        <Trigger Property="IsMouseOver" Value="true"> 
        <Setter Property="polygon.Stroke" Value="Aqua"/> 
       </Trigger> 
       </Style.Triggers> 
      </Style> 
     </Canvas.Resources> 
     <Polygon Points="11,1 16,6 16,16 11,21" Name="polygon"> 
       <Polygon.Fill> 
        <SolidColorBrush Color="#EEEEEE"/> 
       </Polygon.Fill> 
     </Polygon> 
    </Canvas> 
</UserControl> 

Sin embargo, setter no ve el "polígono".

Answer 1

No puede utilizar Setters así, si se utiliza este tipo de notación el motor buscará una propiedad adjunta, o si no hay Style.TargetType fue fijada para una propiedad del tipo antes del punto.

Lo más fácil es aplicar un estilo al propio polígono y usar un DataTrigger que se una al Canvas para que pueda activar sus propiedades.

<Polygon Points="11,1 16,6 16,16 11,21" Name="polygon"> 
     <Polygon.Fill> 
      <SolidColorBrush Color="#EEEEEE"/> 
     </Polygon.Fill> 
     <Polygon.Style> 
      <Style TargetType="{x:Type Polygon}"> 
      <Style.Triggers> 
       <DataTrigger 
        Binding="{Binding Path=IsMouseOver, 
            RelativeSource={RelativeSource 
            AncestorType={x:Type Canvas}}}" 
        Value="True"> 
        <Setter Property="Stroke" Value="Red"/> 
       </DataTrigger> 
      </Style.Triggers> 
      </Style> 
     <Polygon.Style> 
    </Polygon> 

Answer 2

Está buscando una propiedad del Canvas llamada 'polygon', que a su vez tiene una propiedad llamada 'Stroke'. Necesita utilizar TargetName si desea que el colocador se dirija a un objeto diferente.

<Setter TargetName="polygon" Property="Stroke" Value="#EEEEEE" /> 

Answer 3

Trate EventTrigger, ya que otros tipos de factores desencadenantes que podrían utilizar únicamente en las plantillas o estilos. Y ya sabemos que Style.Trigger no permite su escenario. Así que aquí está el ejemplo de trabajo para usted:

<Canvas Name="canvas" Height="22" Width="22"> 
    <Polygon Points="11,1 16,6 16,16 11,21" Name="polygon"> 
     <Polygon.Fill> 
      <SolidColorBrush x:Name="brush" Color="#EEEEEE"/> 
     </Polygon.Fill> 
     <Polygon.Triggers> 
      <EventTrigger RoutedEvent="UIElement.MouseEnter"> 
       <BeginStoryboard> 
        <Storyboard Storyboard.TargetName="brush" Storyboard.TargetProperty="Color"> 
         <ColorAnimation From="#EEEEEE" To="Aqua" Duration="00:00:00.01" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
      <EventTrigger RoutedEvent="UIElement.MouseLeave"> 
       <BeginStoryboard> 
        <Storyboard Storyboard.TargetName="brush" Storyboard.TargetProperty="Color"> 
         <ColorAnimation From="Aqua" To="#EEEEEE" Duration="00:00:00.01" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
     </Polygon.Triggers> 
    </Polygon> 
</Canvas>