WPF Mouseover Trigger Effect para los controles secundarios

Question

Digamos que tengo este trozo de código:

<Window> 
    <Window.Resources> 
     <Color x:Key="MyColor" 
       A="255" 
       R="152" 
       G="152" 
       B="152" /> 
     <DropShadowEffect x:Key="MyEffect" 
          ShadowDepth="0" 
          Color="{StaticResource MyColor}" 
          BlurRadius="10" /> 
     <Style x:Key="MyGridStyle" 
       TargetType="{x:Type Grid}"> 
      <Setter Property="Height" 
        Value="200" /> 
      <Setter Property="Width" 
        Value="200" /> 
      <Style.Resources> 
       <Style TargetType="{x:Type TextBlock}"> 
        <Setter Property="Width" 
          Value="100" /> 
       </Style> 
       <Style TargetType="{x:Type Image}"> 
        <Setter Property="Height" 
          Value="100" /> 
        <Setter Property="Width" 
          Value="100" /> 
       </Style> 
      </Style.Resources> 
      <Style.Triggers> 
       <Trigger Property="IsMouseOver" 
         Value="true"> 
        <!-- How do I apply my effect when this grid is hovered over to Image and TextBox, but not the grid itself? --> 
       </Trigger> 
      </Style.Triggers> 
     </Style> 
    </Window.Resources> 
    <Grid Style="{StaticResource MyGridStyle}"> 
     <Grid.RowDefinitions> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
     <Image Grid.Row="0" 
       Grid.Column="0" 
       Source="image.png" /> 
     <TextBlock Grid.Row="0" 
        Grid.Column="0" 
        Text="Hover Over Me" /> 
    </Grid> 
</Window> 

Básicamente tengo un estilo aplicado a la rejilla que dice que cualquier TextBlock o imagen dentro de ella deben ser estilos a un cierto tamaño .

Quiero crear un disparador en la cuadrícula que hace que se aplique un efecto a todos los TextBlocks e imágenes dentro de la cuadrícula, pero no a la cuadrícula en sí.

Puedo aplicar el disparador directamente a TextBlock y/o Image, pero luego el efecto solo ocurre en cada elemento por separado. Necesito que se produzca el efecto en cualquier TextBlock y/o Imagen dentro de la Grilla, a pesar de qué elemento secundario interno sobre el que estoy sobrevolando.

¿Alguien me puede ayudar con esto?

Answer 1

Puede hacerlo al revés. Es decir, agregue DataTriggers a Image y TextBlock y haga que se activen en IsMouseOver para el antecesor Grid.

Nota: Si desea este efecto para activar tan pronto como el ratón está sobre el Grid tendrá que ajustar a un valor Background, como Transparent. De forma predeterminada, el Background es null y este valor no se utiliza en las pruebas de detección.

<Style x:Key="MyGridStyle" TargetType="{x:Type Grid}"> 
    <!--<Setter Property="Background" Value="Transparent"/>--> 
    <Setter Property="Height" Value="200" /> 
    <Setter Property="Width" Value="200" /> 
    <Style.Resources> 
     <Style TargetType="{x:Type TextBlock}"> 
      <Setter Property="Width" Value="200" /> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=Grid}, 
               Path=IsMouseOver}" Value="True"> 
        <Setter Property="Effect" Value="{StaticResource MyEffect}"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
     <Style TargetType="{x:Type Image}"> 
      <Setter Property="Height" Value="200" /> 
      <Setter Property="Width" Value="200" /> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=Grid}, 
               Path=IsMouseOver}" Value="True"> 
        <Setter Property="Effect" Value="{StaticResource MyEffect}"/> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Style.Resources> 
</Style> 

Answer 2

Una vez tuvimos un requisito similar de brillo exterior SÓLO el contenido de una fila de un cuadro de lista, no la fila en general. Tomamos ayuda de este artículo ... http://drwpf.com/blog/2008/03/25/itemscontrol-i-is-for-item-container.