如何:对发光效果进行动画处理

更新:2007 年 11 月

本主题描述如何针对 OuterGlowBitmapEffectGlowSize 属性进行动画处理。

示例

下面的示例针对 OuterGlowBitmapEffectGlowSize 属性更改进行动画处理。因此,当 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>

有关完整示例,请参见 位图效果库示例

请参见

任务

如何:在对象的外边缘上创建发光效果

如何:对模糊可视化效果进行动画处理

如何:对投影可视化效果进行动画处理

如何:对多个可视化效果进行动画处理

位图效果库示例

概念

位图效果概述

参考

GlowSize

OuterGlowBitmapEffect

TextBox

其他资源

位图效果帮助主题

位图效果示例