팝업 UI 애니메이션에 대한 지침 및 검사 목록(Windows 스토어 앱)

이 항목에서는 팝업 애니메이션에 대한 모범 사례를 제시합니다.

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

상황에 맞는 메뉴나 플라이아웃 같은 사용자 지정 팝업 UI 요소를 표시 및 숨깁니다.

• 사용자 지정 팝업 UI 요소(예: 상황에 맞는 메뉴, 플라이아웃 또는 앱 페이지 자체에 속하지 않는 기타 상황에 맞는 UI)를 표시하거나 숨기는 데는 팝업 애니메이션을 사용합니다. Windows가 제공하는 일반 컨트롤에는 이러한 애니메이션이 기본으로 제공되어 있습니다.
• 표시될 때 팝업 요소를 이동할 권장 거리는 50픽셀입니다.

팝업 애니메이션의 부적절한 사용

• 도구 설명이나 대화 상자에는 팝업 애니메이션을 사용하지 마세요. 사용자 지정 도구 설명이나 대화 상자를 표시 및 숨길 때는 페이드 애니메이션을 사용합니다.
• 앱의 주 콘텐츠 내에 있는 UI를 표시하거나 숨기는 데는 팝업 애니메이션을 사용하지 마세요. 팝업 애니메이션은 주 앱 콘텐츠 맨 위에 표시되는 팝업 컨테이너를 표시하거나 숨기는 데만 사용됩니다.

검사 목록

일반적인 Windows 스토어 요구 사항에 대해서는 Windows 앱 인증 요구 사항을 참조하세요.

관련 항목

애니메이션 라이브러리 애니메이션 샘플 사용

JavaScript 및 HTML:

UI 애니메이션(JavaScript 및 HTML을 사용하는 Windows 스토어 앱)

팝업 UI 애니메이션(JavaScript 및 HTML을 사용하는 Windows 스토어 앱)

showPopup

hidePopup

C#/VB/C++ 및 XAML:

UI 애니메이션(C#/VB/C++ 및 XAML을 사용하는 Windows 스토어 앱)

팝업 UI 애니메이션(C#/VB/C++ 및 XAML을 사용하는 Windows 스토어 앱)

빠른 시작: UI 애니메이션(C#/VB/C++ 및 XAML을 사용하는 Windows 스토어 앱)

PopInThemeAnimation

PopOutThemeAnimation

PopupThemeTransition