Condividi tramite


Procedura: animare un effetto di alone

Aggiornamento: novembre 2007

In questo argomento viene illustrato come animare la proprietà GlowSize di un oggetto OuterGlowBitmapEffect.

Esempio

Nell'esempio riportato di seguito sono animate le modifiche alla proprietà GlowSize dell'oggetto OuterGlowBitmapEffect. Di conseguenza, l'alone viene animato verso l'esterno quando l'oggetto TextBox riceve lo stato attivo.

<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>

Per l'esempio completo, vedere Esempio di raccolta di effetti bitmap.

Vedere anche

Attività

Procedura: creare un effetto alone sul bordo esterno di un oggetto

Procedura: animare un effetto visivo di sfocatura

Procedura: animare un effetto visivo di ombreggiatura

Procedura: animare più effetti visivi

Esempio di raccolta di effetti bitmap

Concetti

Cenni preliminari sugli effetti bitmap

Riferimenti

GlowSize

OuterGlowBitmapEffect

TextBox

Altre risorse

Procedure relative agli effetti bitmap

Esempi di effetti bitmap