추가 및 삭제 애니메이션에 대한 지침

Applies to Windows and Windows Phone

목록 애니메이션을 사용하면 사진 앨범이나 검색 결과 목록 같은 컬렉션에서 단일 항목이나 여러 항목을 삽입하거나 제거할 수 있습니다.

다르게 명시되지 않은 한, 이러한 지침은 목록 및 검색 목록 애니메이션 둘 다에 적용됩니다.

권장 사항 및 금지 사항

  • 목록 애니메이션을 사용하여 기존 항목 집합에 단일 새 항목을 추가합니다. 예를 들어 새 메일이 도착하거나 새 사진을 기존 집합으로 가져올 때 사용합니다.
  • 목록 애니메이션을 사용하여 한 번에 여러 항목을 집합에 추가합니다. 예를 들어 새 사진 집합을 기존 컬렉션으로 가져올 때 사용합니다. 여러 항목을 추가하거나 삭제할 경우 개별 개체에 대한 작업 간의 지연 없이 모두 동시에 이루어져야 합니다.
  • 목록 추가 및 삭제 애니메이션은 쌍으로 사용합니다. 이러한 애니메이션 중 하나를 사용할 때마다 그 반대 작업에 다른 하나를 사용하면 됩니다.
  • 요소 하나 또는 요소 그룹을 한꺼번에 추가하거나 삭제할 항목 목록에 목록 애니메이션을 사용하세요.
  • 검색어 자동 완성 필터를 사용하는 경우처럼 결과가 여러 번 차례대로 재배치될 때 검색 목록 애니메이션을 사용합니다.
  • 컨테이너를 표시하거나 제거할 때 목록 애니메이션을 사용하지 마세요. 이 애니메이션은 이미 표시되어 있는 컬렉션이나 집합의 멤버에 대해 사용해야 합니다. 앱 화면 위에 임시 컨테이너를 표시하거나 숨기려면 팝업 애니메이션을 사용합니다. 앱 화면의 일부인 컨테이너를 표시하거나 바꾸려면 콘텐츠 전환 애니메이션을 사용합니다.
  • 전체 항목 집합을 대상으로 목록 애니메이션을 사용하지 마세요. 컨테이너 내에서 전체 컬렉션을 추가하거나 제거하려면 페이지 전환 애니메이션을 사용합니다.

관련 항목

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

 

 

표시:
© 2014 Microsoft