가장자리 기반 UI 애니메이션

가장자리 기반 UI 애니메이션에 대한 지침

가장자리 기반 애니메이션은 화면의 가장자리에서 시작되는 UI를 표시하거나 숨깁니다. 표시 및 숨기기 동작은 사용자 또는 앱에서 시작할 수 있습니다. UI는 앱에 오버레이하거나 주 앱 표면의 일부가 될 수 있습니다. UI가 앱 화면의 일부일 경우 나머지 앱은 UI를 포함하도록 크기를 조정해야 합니다.

권장 사항

  • 화면으로 확장되지 않는 사용자 지정 메시지나 오류 바를 표시하거나 숨기려면 가장자리 UI 애니메이션을 사용합니다.
  • 작업 창이나 사용자 지정 화상 키보드처럼 화면의 안쪽 깊숙이 미끄러지듯 들어오는 UI를 표시하려면 패널 애니메이션을 사용하세요.
  • 연결되는 가장자리로부터 UI를 밀어넣습니다.
  • 출발 지점이 된 가장자리를 향해 UI를 밀어냅니다.
  • UI를 밀어넣거나 밀어내는 것에 대한 응답으로 앱 콘텐츠의 크기를 조정해야 하는 경우 페이드 애니메이션을 크기 조정에 사용합니다.
    • UI를 밀어넣는 경우 가장자리 UI 또는 패널 애니메이션 다음에 페이드 애니메이션을 사용하세요.
    • UI를 밀어내는 경우 가장자리 UI 또는 패널 애니메이션과 동시에 페이드 애니메이션을 사용하세요.
  • 알림에 이러한 애니메이션을 적용하지 마세요. 가장자리 기반 UI 내에 알림을 포함하면 안 됩니다.
  • 화면의 가장자리에 없는 UI 컨테이너나 컨트롤에 가장자리 UI 또는 패널 애니메이션을 적용하지 마세요. 이러한 애니메이션은 화면의 가장자리에 있는 UI를 표시하고 닫고 그 크기를 변경하는 용도로만 사용합니다. 다른 유형의 UI를 이동하려면 위치 변경 애니메이션을 사용합니다.

    가장자리 UI 또는 패널 UI를 사용할 시점 그리고 위치 변경을 사용할 시점을 보여 줍니다.

[이 문서에는 UWP(유니버설 Windows 플랫폼) 앱 및 Windows 10과 관련된 정보가 있습니다. Windows 8.1 참고 자료는 Windows 8.1 지침 PDF 를 다운로드하세요.]

관련 항목

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

 

 

표시:
© 2016 Microsoft