WPF – utiliser les BitmapEffects

WPF – utiliser les BitmapEffects

1 – Quelques exemples d’effets

a-BevelBitmapEffect (relief et lumière)

<Grid.BitmapEffect>

     <BevelBitmapEffect BevelWidth="10" LightAngle="50" Relief="1"/>

</Grid.BitmapEffect>

b-DropShadowBitmapEffect (ombre)

<Grid.BitmapEffect>

    <DropShadowBitmapEffect Color="Red" Direction="20" Opacity="0.9" Softness="1" />

</Grid.BitmapEffect>

 

C - OuterGlowBitmapEffect (contour)

<Grid.BitmapEffect>

    <OuterGlowBitmapEffect GlowColor="Red" GlowSize="10" />

</Grid.BitmapEffect>

2 - Créer un effet  suite à un événement

Exemple : au survol d’un bouton par la souris

<Window x:Class="NET3CSButton.Window1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="NET3CSButton" Height="300" Width="300"

    >

 <Grid>

    <Grid.Resources>

      <Style TargetType="{x:Type Button}">

        <Style.Triggers>

          <Trigger  Property="IsMouseOver" Value="True">

            <Setter Property = "BitmapEffect" >

              <Setter.Value>

                <OuterGlowBitmapEffect GlowColor="Red" GlowSize="10" />

              </Setter.Value>

            </Setter>

          </Trigger>

        </Style.Triggers>

      </Style>

    </Grid.Resources>

    <Button Name="btnValidate" Width="150" Height="20" Content="OK" />

 </Grid>

</Window>

On peut également créer une animationavec EventTrigger

<Window x:Class="NET3CSButton.Window1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="NET3CSButton" Height="300" Width="300"

    >

 <Grid>

    <Button Name="btnValidate" Width="150" Height="20" Content="OK">

 <Button.BitmapEffect>

        <OuterGlowBitmapEffect x:Name="OuterGlowBitmapEffect1" GlowColor="Red" GlowSize="0" />

      </Button.BitmapEffect>

      <Button.Triggers>

        <EventTrigger RoutedEvent="Mouse.MouseEnter">

          <EventTrigger.Actions>

            <BeginStoryboard>

              <Storyboard>

                <DoubleAnimation

                  Storyboard.TargetName="OuterGlowBitmapEffect1"

                  Storyboard.TargetProperty="GlowSize"

                  From="0" To="40" Duration="0:0:0.5" />

              </Storyboard>

            </BeginStoryboard>

          </EventTrigger.Actions>

        </EventTrigger>

      </Button.Triggers>

    </Button>

 </Grid>

</Window>

Liens

http://msdn2.microsoft.com/en-us/library/ms743435.aspx

http://msdn2.microsoft.com/en-us/library/ms752092.aspx