언어: HTML | XAML

목록 항목 변경 애니메이션(XAML)

Applies to Windows and Windows Phone

목록 애니메이션은 비슷한 항목의 컬렉션에서 변경 내용을 표시하는 데 사용합니다. 여기에는 애니메이션 추가와 삭제가 포함됩니다. 이러한 애니메이션은 새 항목이 들어오거나 나갈 때 매끄러운 시각적 전환을 제공하여 명확하게 이해할 수 있도록 합니다. 추가 애니메이션에서는 기존의 항목이 미끄러지듯 나가면서 새 항목을 위한 공간을 확보합니다. 그런 다음 새 항목이 그 공간에 페이드 인하고 확장됩니다. 삭제 애니메이션은 그 반대입니다.

추가 또는 삭제에 대한 애니메이션은 AddDeleteThemeTransition이고, 위치를 변경할 항목에 대한 애니메이션은 ReorderThemeTransition입니다. 일반적으로 AddDeleteThemeTransitionReorderThemeTransition을 모두 동일한 애니메이션 집합에 배치합니다.

목록에서 추가/삭제 애니메이션

목록 애니메이션은 비슷한 항목의 컬렉션에서 항목을 삭제하거나 삽입하는 것을 표시하는 데 사용합니다. 이러한 애니메이션은 사용자가 검색어를 입력하는 동안 검색 결과를 필터링하는 검색 목록에서 추가/삭제 애니메이션과 다르며, 검색 애니메이션이 약간 더 빠릅니다.

목록에서 항목의 위치가 변경되는 경우 별도의 ReorderThemeTransition을 적용할 수도 있습니다. 이 전환은 관련된 삭제/추가 애니메이션을 사용하여 항목을 삭제하고 새 위치에 추가하는 경우와 다르게 애니메이션됩니다.

검색 목록에서 추가/삭제 애니메이션

JavaScript로 작업할 경우 검색 항목 목록에서 항목을 추가하거나 삭제하도록 특별히 설계된 애니메이션을 사용할 수 있습니다. C#, C++ 및 Microsoft Visual Basic은 이러한 다른 애니메이션을 제공하지 않습니다. 대신 검색 및 비검색 목록 둘 다에 AddDeleteThemeTransition을 사용합니다.

기본 Windows 런타임 컨트롤 동작의 목록 애니메이션

다른 리소스

이러한 애니메이션 사용의 디자인 모범 사례에 대해서는 추가 및 삭제 애니메이션의 지침 및 검사 목록을 참조하세요.

관련 항목

UI 애니메이션
빠른 시작: 라이브러리 애니메이션을 사용하여 UI 애니메이션
XAML 개성 애니메이션 샘플
ListView 및 GridView 컨트롤 추가
AddDeleteThemeTransition
ReorderThemeTransition
ListView
GridView
ListViewItem
GridViewItem

 

 

표시:
© 2014 Microsoft