Glow effect on MouseEnter WPF

c# wpf xaml triggers dropshadow
Babak.Abad picture Babak.Abad · Aug 23, 2013 · Viewed 13k times · Source

I'm new in WPF(c#). I need make a glow effect around image control using triggers. How can I do make glow effect on mouse-enter event? I want to use your answer i my style.

My effect is:

<DropShadowEffect x:Key="MyEffect" ShadowDepth="0" Color="Blue" Opacity="1" BlurRadius="20"/>

I see many links but they don't work.

Answer

dkozl picture dkozl · Aug 23, 2013

To add glow to Image control you need to set Effect to your DropShadowEffect when IsMouseOver=True, something like this:

<Image Source="/WpfApplication1;component/myimage.png">
   <Image.Style>
      <Style TargetType="{x:Type Image}">
         <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
               <Setter Property="Effect">
                  <Setter.Value>
                     <DropShadowEffect ShadowDepth="0" Color="Blue" Opacity="1" BlurRadius="20"/>
                  </Setter.Value>
               </Setter>
            </Trigger>
         </Style.Triggers>
      </Style>
   </Image.Style>
</Image>

Related questions

How can I use enum types in XAML?

I'm learning WPF and I encountered the following problem: I have an enum type in another namespace than my XAML: public enum NodeType { Type_SYSTEM = 1, // System Type_DB = 2, // Database Type_ROOT = 512, // Root folder Type_FOLDER = 1024, // Folder } in my XAML I'd …

Read More
Change Button Background color on EventTrigger in WPF

I am trying to change the Background color of my Button when the user clicks it. I am using triggers to achieve it. My XAML is: <UserControl.Resources> <Style x:Key="myBtnStyle" TargetType="{x:Type Button}"> &…

Read More
Using DataTrigger with more than one values in WPF

I am using XAML code part of which is <DataTrigger Binding="{Binding Path=Name}" Value="1"> <Setter Property="Header" TargetName="expanderHeader" Value="Course Text"/> </DataTrigger> <DataTrigger Binding="{Binding Path=Name}" Value="2"> <Setter …

Read More