언어: HTML | XAML

포인터 동작 애니메이션(C#/VB/C++ 및 XAML을 사용하는 Windows 런타임 앱)

Applies to Windows and Windows Phone

항목 탭 또는 클릭 작업의 시각적 피드백을 제공하려면 포인터 애니메이션을 사용합니다. 포인터 아래로 애니메이션(PointerDownThemeAnimation)은 사용자가 항목을 탭하거나 클릭할 때 재생됩니다. Windows의 애니메이션에서는 항목이 눌러져 있음을 나타내기 위해 약간 축소됩니다. Windows Phone의 애니메이션에서는 2.5D 효과로 양의 y축 주위로 항목이 약간 기울어집니다. 포인터 위로 애니메이션(PointerUpThemeAnimation)은 탭 또는 클릭이 해제될 때 재생됩니다. 이 애니메이션은 항목을 원래 상태로 복원함으로써 탭이나 클릭이 해제되었음을 나타냅니다.

기본 Windows 런타임 컨트롤 동작의 포인터 애니메이션

  • ListViewItemGridViewItem: 이러한 각 컨트롤은 포인터 동작("Pressed" 및 "PointerOverPressed")과 관련된 시각적 상태에 PointerDownThemeAnimation을 사용합니다. 포인터에서 수행되는 동작을 추적하는 컨트롤 논리에 의해 시각적 상태가 언로드되는 즉시 애니메이션 실행이 중지되므로 PointerUpThemeAnimation은 필요하지 않습니다.
  • SearchBox: 확장된 컨트롤 템플릿의 일부인 검색 제안 팝업에서 항목을 선택하는 데 PointerDownThemeAnimation을 사용합니다.
  • Windows Phone에서 Button는 기본적으로 이러한 애니메이션을 사용합니다. 애니메이션은 섬세하면서도 유용하지만 Button가 Windows에서처럼 동작하도록 해야 할 경우 제거할 수 있습니다. 이렇게 하려면 Button 기본 스타일의 사본을 편집하고 스타일 템플릿의 시각적 상태에서 모든 PointerDownThemeAnimationPointerUpThemeAnimation 요소를 삭제합니다. 암시적 스타일로 만든다면(즉, 해당 x:Key 특성 제거) 이는 명시적으로 설정된 스타일이 없는 Button에 적용됩니다.

다른 리소스

포인터 및 UI 요소에 대한 자세한 내용은 사용자 조작에 응답빠른 시작: 포인터를 참조하세요.

관련 항목

UI 애니메이션
빠른 시작: 라이브러리 애니메이션을 사용하여 UI 애니메이션
포인터 애니메이션에 대한 지침 및 검사 목록
PointerUpThemeAnimation
PointerDownThemeAnimation

 

 

표시:
© 2014 Microsoft