팝업 UI 애니메이션에 대한 지침

상황에 맞는 메뉴 및 플라이아웃을 포함하는 팝업 UI를 표시하고 숨기려면 팝업 애니메이션을 사용합니다. 팝업 요소는 앱 콘텐츠 위에 나타났다가 사용자가 팝업 요소 외부를 탭하거나 클릭할 때 해제되는 컨테이너입니다.

팝업 애니메이션의 올바른 사용

  • 사용자 지정 팝업 UI 요소(예: 상황에 맞는 메뉴, 플라이아웃 또는 앱 페이지 자체에 속하지 않는 기타 상황에 맞는 UI)를 표시하거나 숨기는 데는 팝업 애니메이션을 사용합니다. 표시될 때 팝업 요소를 이동할 권장 거리는 50픽셀입니다. Windows가 제공하는 공용 컨트롤에는 이러한 애니메이션이 기본으로 제공되어 있습니다.
  • 도구 설명이나 대화 상자에는 팝업 애니메이션을 사용하지 마세요. 사용자 지정 도구 설명이나 대화 상자를 표시 및 숨길 때는 페이드 애니메이션을 사용합니다.
  • 앱의 주 콘텐츠 내에 있는 UI를 표시하거나 숨기는 데는 팝업 애니메이션을 사용하지 마세요. 팝업 애니메이션은 주 앱 콘텐츠 맨 위에 표시되는 팝업 컨테이너를 표시하거나 숨기는 데만 사용됩니다.

관련 항목

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

 

 

표시:
© 2015 Microsoft