언어: HTML | XAML

콘텐츠 및 시작 전환 애니메이션(XAML)

Applies to Windows and Windows Phone

콘텐츠 전환 애니메이션을 사용하여 컨테이너 또는 배경이 변경되지 않도록 하면서 화면 영역의 콘텐츠를 변경할 수 있습니다. 화면에 새로 들어오는 콘텐츠는 페이드 인하면서 오프셋에서 미끄러지듯 들어옵니다. 기존의 콘텐츠를 대체해야 하는 경우 기존 콘텐츠는 새 콘텐츠가 들어올 때 페이드 아웃합니다. 목록 보기 및 자세히 보기가 표시되는 분할된 화면 탐색에서 이 기능을 사용할 수 있습니다. 콘텐츠 전환 애니메이션은 사용자가 페이지를 전환할 때 페이지의 나머지 부분 다음에 로드되는 보기에 콘텐츠를 표시하는 데도 사용됩니다.

이 애니메이션은 ContentThemeTransition 클래스에 의해 수행됩니다.

XAML 애니메이션 라이브러리에는 페이지가 로드될 때 전체 페이지에 적용되는 애니메이션 개념은 없지만, 콘텐츠를 포함하는 페이지가 처음 로드되고 콘텐츠의 해당 부분이 렌더링될 때 콘텐츠에 적용할 수 있는 별도의 전환(EntranceThemeTransition)은 있습니다. 즉, enterPage와 직접적으로 동일하지는 않지만 페이지 내의 콘텐츠에 EntranceThemeTransition을 적용하면 동일한 시나리오가 해결되고 동일한 조건에 대해 트리거됩니다. XAML의 콘텐츠 요소에는 Transition 속성에 적용된 동일한 TransitionCollection의 일부로 ContentThemeTransitionEntranceThemeTransition이 정의되어 있을 수 있습니다. 이런 식으로 콘텐츠는 처음에 로드될 때 이후 페이지에서 변경되지만 페이지는 동일하게 유지될 때와 다른 시각적 피드백을 받습니다.

기본 Windows 런타임 컨트롤 동작의 콘텐츠 및 시작 애니메이션

제 위치에 유지되지만 사용자 중심 또는 데이터 중심 항목 변경이 있을 수 있는 콘텐츠의 경우 ContentThemeTransition을 적용하는 모든 위치에서 AddDeleteThemeTransitionReorderThemeTransition 애니메이션도 적용해야 합니다.

참고  Windows 8.1부터는 사용자가 Windows 앱에서 불필요한 애니메이션을 끄는(가능한 경우) 접근성 설정을 사용하는 경우 시스템에서 테마 전환 및 시각적 상태 전환을 사용할 수 없습니다.

다른 리소스

XAML 개성 애니메이션 샘플에서는 GridChildrenTransitions 속성에 적용된 ContentThemeTransition을 사용하는 방법을 보여 줍니다. 이 샘플에서는 오른쪽 그리드 셀에 세부 정보가 표시되는 데이터의 마스터 세부 정보 보기를 보여 주며, 애니메이션은 그리드의 왼쪽에 있는 항목 중에서 새 항목을 선택할 경우 적용됩니다. 샘플의 시나리오 2가 여기에 해당합니다.

UX 및 사용 지침에 대한 자세한 내용은 페이지 전환 애니메이션에 대한 지침 및 검사 목록콘텐츠 전환 애니메이션에 대한 지침 및 검사 목록을 참조하세요.

관련 항목

UI 애니메이션
빠른 시작: 라이브러리 애니메이션을 사용하여 UI 애니메이션
XAML 개성 애니메이션 샘플
목록 추가 및 삭제 애니메이션
ListView 및 GridView 컨트롤 추가
ContentThemeTransition
EntranceThemeTransition

 

 

표시:
© 2014 Microsoft