Gewusst wie: Animieren eines Leuchteffekts

Aktualisiert: November 2007

In diesem Thema wird beschrieben, wie Sie die GlowSize-Eigenschaft eines OuterGlowBitmapEffect animieren

Beispiel

Im folgenden Beispiel werden Änderungen an der GlowSize-Eigenschaft des OuterGlowBitmapEffect animiert. Daher wird der Leuchteffekt nach außen animiert, wenn das TextBox fokussiert wird.

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

  <StackPanel>


    <TextBox Width="200">
      <TextBox.BitmapEffect>

        <!-- This BitmapEffect is targeted by the animation. -->
        <OuterGlowBitmapEffect x:Name="myOuterGlowBitmapEffect"  
         GlowColor="Blue" GlowSize="0" />

      </TextBox.BitmapEffect>
      <TextBox.Triggers>
        <EventTrigger RoutedEvent="TextBox.GotFocus">
          <BeginStoryboard>
            <Storyboard>

              <!-- Animate the GlowSize from 0 to 40 over half a second. --> 
              <DoubleAnimation
                Storyboard.TargetName="myOuterGlowBitmapEffect"
                Storyboard.TargetProperty="GlowSize"
                From="0" To="40" Duration="0:0:0.5" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </TextBox.Triggers>
    </TextBox>

  </StackPanel>

</Page>

Das vollständige Beispiel finden Sie unter Beispiel für den Katalog mit Bitmapeffekten.

Siehe auch

Aufgaben

Gewusst wie: Erstellen eines Leuchteffekts am äußeren Rand eines Objekts

Gewusst wie: Animieren eines visuellen Weichzeichnereffekts

Gewusst wie: Animieren eines visuellen Schlagschatteneffekts

Gewusst wie: Animieren mehrerer visueller Effekte

Beispiel für den Katalog mit Bitmapeffekten

Konzepte

Übersicht über Bitmapeffekte

Referenz

GlowSize

OuterGlowBitmapEffect

TextBox

Weitere Ressourcen

Gewusst-wie-Themen zu Bitmapeffekten

Beispiele für Bitmapeffekte