Cómo: Animar un efecto visual con relieves

Actualización: noviembre 2007

En este tema se explica cómo animar las propiedades de un efecto visual con relieve.

Ejemplo

En el ejemplo siguiente se anima la propiedad LightAngle de EmbossBitmapEffect de tal forma que los efectos de sombreado resultantes de la posición de la "luz" se colocarán encima del borde en relieve de la imagen.

<Page xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" >

  <StackPanel>

    <Image Source="/images/WaterLilies.jpg" Width="600"  Margin="10" >
      <Image.BitmapEffect>
        <EmbossBitmapEffect x:Name="myEmbossBitmapEffect"  Relief="0.8" LightAngle="0" />
      </Image.BitmapEffect>
      <Image.Triggers>
        <EventTrigger RoutedEvent="Image.Loaded">
          <BeginStoryboard>
            <Storyboard>

              <!-- Animate the LightAngle so that the artificial light
                   orbits around the embossed image which makes the
                   shadows cast by the emboss shift accordingly. -->
              <DoubleAnimation
               Storyboard.TargetName="myEmbossBitmapEffect"
               Storyboard.TargetProperty="LightAngle"
               From="0" To="360" Duration="0:0:3" />

            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Image.Triggers>
    </Image>

  </StackPanel>

</Page>

Para obtener el ejemplo completo, vea Ejemplo Bitmap Effects Gallery.

Vea también

Tareas

Cómo: Crear un efecto visual con relieves

Cómo: Animar varios efectos visuales

Ejemplo Bitmap Effects Gallery

Conceptos

Información general sobre efectos de mapa de bits

Referencia

LightAngle

EmbossBitmapEffect

BitmapEffect

Otros recursos

Temas "Cómo..." de efectos de mapa de bits

Ejemplos de efectos de mapa de bits