다음을 통해 공유


패스의 꼭지점에 애니메이션 효과 적용

이 페이지는 Silverlight 1 프로젝트에만 적용됨

패스의 꼭지점이나 점에 애니메이션 효과를 적용하여 변경되는 도형을 만들 수 있습니다.

패스의 꼭지점에 애니메이션 효과 적용

  1. Silverlight 1.0 프로젝트에서 Page.xaml 문서로 전환합니다.

  2. 스토리보드가 열려 있지 않으면 개체 및 타임라인에서 스토리보드 열기 Cc296374.d4531c86-5048-481c-a1ca-29af202d28e7(ko-kr,Expression.10).png 단추를 클릭한 다음 스토리보드 선택기에서 Storyboard1을 선택합니다.

    Cc296374.81e08f17-af0e-4d80-858d-334cc728d0d6(ko-kr,Expression.10).png

  3. MyPath 개체의 개별 점 또는 꼭지점을 선택할 수 있도록 도구 상자직접 선택 Cc296374.6dd6571f-c116-451d-8dd2-1f88b8406362(ko-kr,Expression.10).png 도구를 클릭합니다.

  4. 타임라인 플레이헤드를 1초 표시로 이동한 다음 아트보드에서 Alt 키를 누른 채로 MyPath 개체의 점 중 하나를 끕니다. 새 키 프레임을 만든 Data라는 자식 개체가 표시되도록 개체 및 타임라인 아래에서 MyPath 개체를 확장합니다.

    Cc296374.326d9375-64e2-40cc-8ff0-31d1570b4758(ko-kr,Expression.10).png

    타임라인의 다른 점에서 이 단계를 반복할 수 있습니다.

  5. 개체 및 타임라인 아래에서 키 프레임을 선택한 다음 속성 패널의 감속/가속에서 스플라인 곡선의 끝점을 끌어 키 프레임의 감속/가속 동작을 수정합니다.

    Cc296374.b776b91f-012a-4d93-bc99-8c0d2be1915c(ko-kr,Expression.10).png

  6. F5 키를 누르고 브라우저 창을 클릭하여 애니메이션 스토리보드를 트리거함으로써 애니메이션 변경 내용을 테스트합니다.

    꼭지점 애니메이션은 클리핑 패스를 비롯한 모든 패스 개체에 사용할 수 있으며 WPF(Windows Presentation Foundation) 프로젝트에서도 지원됩니다.

참조

개념

클리핑 패스 적용, 수정 또는 제거

스토리보드 만들기, 수정 또는 삭제

해당 주기가 끝나면 스토리보드가 반복 또는 반전하도록 수정

키 프레임 간 애니메이션 보간 변경