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


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

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

В данном разделе описаны способы анимации свойств визуального эффекта приподнятости.

Пример

В следующем примере анимируется свойство LightAngle объекта класса EmbossBitmapEffect таким образом, чтобы эффект затенения, зависящий от положения «света», изменился относительно приподнятого края изображения.

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

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

См. также

Задачи

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

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

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

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

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

Ссылки

LightAngle

EmbossBitmapEffect

BitmapEffect

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

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

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