콘텐츠 전환 애니메이션에 대한 지침

Applies to Windows and Windows Phone

콘텐츠 전환 애니메이션을 사용하면 컨테이너 또는 배경을 일정하게 유지하면서 화면 영역의 콘텐츠를 변경할 수 있습니다. 새 콘텐츠가 페이드 인됩니다. 바꿀 기존 콘텐츠가 있는 경우 해당 콘텐츠는 페이드 아웃됩니다.

권장 사항 및 금지 사항

  • 빈 컨테이너에 넣은 새 항목의 집합이 있을 때 콘텐츠 전환을 사용하세요. 예를 들어, 앱을 최초로 로드한 다음 앱의 콘텐츠 중 일부를 즉시 표시할 수 없는 경우도 있습니다. 콘텐츠가 표시할 수 있게 되면 콘텐츠 전환 애니메이션을 사용하여 그 최신 콘텐츠를 보기로 가져옵니다.
  • 어떤 콘텐츠의 집합을 이미 보기 내의 동일한 컨테이너에 상주하는 다른 콘텐츠의 집합으로 바꾸려면 콘텐츠 전환을 사용합니다.
  • 새 콘텐츠를 가져오려면 일반 창의 흐름 또는 읽기 순서에 반하여 콘텐츠를 보기에 밀어넣습니다. 예를 들어 애니메이션에서 왼쪽에서 오른쪽으로 이동하는 문서에 새 콘텐츠를 넣을 경우 들어오는 콘텐츠는 오른쪽에서 왼쪽으로 이동해야 합니다.
  • 새 콘텐츠를 논리적인 방식으로 소개합니다. 예를 들어 콘텐츠의 가장 중요한 부분을 마지막에 소개합니다.
  • 콘텐츠를 업데이트할 콘테이너가 두 개 이상일 경우 모든 전환 애니메이션을 시차나 지연 없이 동시에 트리거합니다.
  • 전체 페이지가 변경되는 경우에는 콘텐츠 전환 애니메이션을 사용하지 마세요. 이 경우에는 페이지 전환 애니메이션을 대신 사용합니다.
  • 콘텐츠를 새로 고치기만 하는 경우에는 콘텐츠 전환 애니메이션을 사용하지 마세요. 콘텐츠 전환 애니메이션은 이동을 나타내는 데 사용됩니다. 새로 고침의 경우 페이드 애니메이션을 사용합니다.

관련 항목

디자이너용
추가 및 삭제에 대한 지침
끌기 애니메이션에 대한 지침
가장자리 기반 UI 애니메이션에 대한 지침
페이드 애니메이션에 대한 지침
페이지 전환 애니메이션에 대한 지침
포인터 클릭 애니메이션에 대한 지침
위치 변경 애니메이션에 대한 지침
팝업 UI 애니메이션에 대한 지침
살짝 밀기 애니메이션에 대한 지침
개발자용(HTML)
HTML 애니메이션 라이브러리 샘플
UI에 애니메이션 효과 주기
콘텐츠 전환 애니메이트
enterContent
exitContent
개발자용(XAML)
UI에 애니메이션 효과 주기
콘텐츠 전환 애니메이트
빠른 시작: 라이브러리 애니메이션을 사용하여 UI에 애니메이션 효과 주기
ContentThemeTransition

 

 

표시:
© 2014 Microsoft