共用方式為


HOW TO:建立浮凸視覺效果動畫

更新:2007 年 11 月

本主題說明如何將浮凸視覺效果的屬性顯示為動畫。

範例

下列範例會將 EmbossBitmapEffectLightAngle 屬性顯示為動畫,讓「光源」位置產生的陰影效果移至影像浮凸邊緣上。

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

如需完整範例,請參閱點陣圖效果圖庫範例

請參閱

工作

HOW TO:建立浮凸視覺效果

HOW TO:建立多個視覺效果的動畫

點陣圖效果圖庫範例

概念

點陣圖效果概觀

參考

LightAngle

EmbossBitmapEffect

BitmapEffect

其他資源

點陣圖效果 HOW TO 主題

點陣圖效果範例