XAML 디자이너에서 개체에 애니메이션 효과 주기Animate objects in XAML Designer

개체를 이동하는 간단한 애니메이션을 만들 수 있고 개체를 페이드 인/페이드 아웃할 수 있습니다.You can create short animations that move objects, or fade them in and out.

시작하려면 스토리보드를 만듭니다.To get started, create a storyboard. 스토리보드에는 하나 이상의 타임 라인이 포함됩니다.A storyboard contains one or more timelines. 타임라인에서 키 프레임 을 설정하여 속성 변경 내용을 표시합니다.Set keyframes on a timeline to mark property changes. 그런 다음 애니메이션을 실행하면 Blend가 지정된 기간 동안 속성 변경 내용을 보간합니다.Then, when you run the animation, Blend interpolates the property changes over the designated period of time. 따라서 부드러운 전환이 가능해집니다.The result is a smooth transition. 비시각적 속성을 비롯하여 개체에 속하는 모든 속성에 애니메이션 효과를 적용할 수 있습니다.You can animate any property that belongs to an object, even nonvisual properties.

다음 그림은 위로 이동이라고 하는 스토리보드를 보여 줍니다.The following illustration shows a storyboard named MoveUp. 타임라인에는 사각형의 X 및 Y 위치를 표시하는 키 프레임이 포함됩니다.The timeline contains keyframes that mark the X and Y position of a rectangle. 이 애니메이션을 실행하면 사각형이 특정 위치에서 다른 위치로 부드럽게 이동합니다.When this animation runs, the rectangle moves from one position to another smoothly.

XAML 디자이너의 MoveUp 스토리보드

참고 항목See also