페이지 전환 애니메이션

페이지 전환 애니메이션(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

새로 시작한 앱의 첫 번째 페이지를 표시하거나 앱 내에서 페이지 간을 전환하려면 페이지 전환 애니메이션을 사용합니다. 새 페이지는 페이드 인하면서 오프셋에서 미끄러지듯 제 위치로 들어옵니다. 기존 콘텐츠는 새 콘텐츠가 페이드 인할 때 페이드 아웃합니다. 새 페이지가 영역으로 분할되고 각 영역이 시차를 두고 각각 화면으로 들어옵니다. 들어오는 페이지를 영역으로 분할하는 방법을 지정합니다.

이 애니메이션 집합은 다음 API로 구성됩니다.

다음 동영상은 콘텐츠 페이지를 화면에 나타나게 하는 애니메이션을 보여 줍니다.

|

다음 동영상은 보기에서 콘텐츠 페이지를 제거하는 애니메이션을 보여 줍니다.

|

이러한 애니메이션을 사용하려면 다음 사항을 알고 있어야 합니다.

  • 나가는 개체
  • 들어오는 개체
  • 들어오는 콘텐츠가 이동하는 거리 및 방향
    • 권장 방향은 읽는 순서의 반대 방향입니다.

다른 리소스

페이지 전환 애니메이션 API의 사용을 보여 주는 코드 예제는 HTML 애니메이션 라이브러리 샘플을 참조하세요.

이러한 애니메이션 사용의 디자인 모범 사례에 대해서는 페이지 전환 애니메이션의 지침 및 검사점을 참조하세요.

관련 항목

UI 애니메이션
콘텐츠 전환 애니메이트
enterPage
exitPage

 

 

표시:
© 2017 Microsoft