Поделиться через


Практическое руководство. Анимация эффекта свечения

Обновлен: Ноябрь 2007

В этом разделе описывается анимация свойства GlowSize из OuterGlowBitmapEffect.

Пример

В следующем примере анимируются изменения свойства GlowSize из OuterGlowBitmapEffect. В результате анимация отображается, когда TextBox получает фокус.

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

Полный пример см. в разделе Пример растровых эффектов.

См. также

Задачи

Практическое руководство. Создание эффекта свечения Glow на внешнем крае объекта

Как анимировать эффект размытия

Практическое руководство. Анимация визуального эффекта тени

Практическое руководство. Анимация нескольких визуальных эффектов

Пример растровых эффектов

Основные понятия

Общие сведения об эффектах для точечных рисунков

Ссылки

GlowSize

OuterGlowBitmapEffect

TextBox

Другие ресурсы

Разделы руководства, посвященные эффектам для точечных рисунков

Примеры растровых эффектов