포인터 클릭 애니메이션에 대한 지침

사용자가 항목을 탭할 때 사용자에게 시각적 피드백을 제공하려면 포인터 애니메이션을 사용합니다. 항목을 처음 탭할 경우 포인터 아래로 애니메이션이 재생됩니다. 이 애니메이션은 눌린 항목을 약간 축소하고 기울입니다. 사용자가 포인터를 놓을 때 포인터 위로 애니메이션이 재생됩니다. 이 애니메이션은 항목을 원래 위치로 복원합니다.

권장 사항

  • 포인터 위로 애니메이션을 사용할 때는 사용자가 포인터를 놓을 때 애니메이션을 즉시 트리거합니다. 이 애니메이션은 탭에 의해 트리거된 동작(예: 새 페이지로 이동)에 응답하는 것이 더 느린 경우에도 동작이 인식되었음을 사용자에게 즉시 알립니다.

관련 항목

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

 

 

표시:
© 2015 Microsoft