다음을 통해 공유


방법: 글로우 효과에 애니메이션 효과 주기

업데이트: 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

기타 리소스

비트맵 효과 방법 항목

비트맵 효과 샘플