여러 창
콘텐츠의 테이블 축소
콘텐츠의 테이블 확장

여러 창에 대한 지침

여러 창을 지원하여 사용자가 앱의 다른 부분을 동시에 조작하도록 할 수 있습니다. 사용자는 여러 창을 사용하여 콘텐츠를 비교하거나 콘텐츠의 특정 부분을 동시에 볼 수 있습니다. UWP(유니버설 Windows 플랫폼) 앱에서 여러 창을 지원하도록 선택한 경우 다음 권장 사항을 따르세요.

설명

여러 창을 지원하는 앱에서 각 창은 고유한 앱처럼 동작합니다. 참 메뉴는 각 창을 개별적으로 조작합니다. 사용자가 시작 화면에서 앱 타일을 클릭하면 최근에 사용한 앱 창이 나타납니다. 사용자는 각 창의 크기를 조정하고, 화면에서 각 창을 독립적으로 해제하고, 최근에 사용한 앱 목록에서 각 창을 개별적으로 볼 수 있습니다.

여러 창 디자인

여러 창 지원이 앱에 적합한 경우 각 창에 표시할 콘텐츠를 결정해야 합니다. 예를 들어 주 창 1개와 제한된 특정 기능 집합이 포함된 보조 창 1개가 있도록 선택하거나, 새 창을 원래 앱 창의 복사본으로 디자인할 수 있습니다. 또한 사용자가 앱 간에 전환할 때 표시되는 보조 창의 제목을 지정할 수 있습니다.

원래 앱 창을 기준으로 화면에서 창이 열리는 위치도 지정합니다. 다음 위치 중 하나에 새 창을 배치할 수 있습니다.

  • 원래 창의 옆에서 화면 공간 공유
  • 기본 창 내
  • 화면에 표시 안 함

보조 창이 처음 표시된 후에는 사용자가 창의 배치 및 크기를 제어합니다.

예제

메일 앱은 여러 창을 사용합니다. 사용자는 메인 앱 창에서 메시지를 보거나 새 창을 열 수 있습니다. 예를 들어 사용자가 새 메시지를 작성하면서 동시에 주 창을 사용하여 다른 메시지를 검색하려는 경우에 유용합니다.

동시에 두 개의 창이 열린 메일 앱

메일 앱에 두 개의 창이 열려 있으면 최근에 사용한 앱 목록이 다음과 같이 표시됩니다.최근 사용한 앱 목록에 별도의 메일 앱 창 두 개가 표시됨

권장 사항 및 금지 사항

  • 사용자가 보조 창에서 주 창으로 다시 이동할 수 있는 방법을 제공합니다.
  • 사용자가 새 창을 열기 위해 수행할 수 있는 명확한 방법을 제공합니다. 예를 들어 앱 바에 새 창을 열기 위한 단추를 추가합니다. 메일 앱의 아래쪽 앱 바에 창 열기 단추가 있습니다.아래쪽 앱 바에 "창 열기" 단추를 표시하는 메일 앱 스크린샷
  • 새 창의 제목이 해당 창의 내용을 반영하는지 확인합니다. 사용자가 제목을 기준으로 앱 창을 구분할 수 있어야 합니다.
  • consolidated event를 구독하고 이벤트가 발생하면 창의 콘텐츠를 닫습니다. 최근 사용한 앱 목록에서 창이 제거되거나 사용자가 닫기 제스처를 실행한 경우 통합 이벤트가 발생합니다.
  • 새 창이 원래 앱 창을 대체하는 경우 창이 전환될 때 사용자 지정 애니메이션을 제공합니다.
  • 생산성 및 멀티태스킹을 향상하는 시나리오에서 앱의 새 창을 사용할 수 있습니다.
  • 사용자가 창 내에서 작업을 완전히 수행할 수 있도록 새 창을 디자인합니다.
  • 사용자가 앱의 다른 부분으로 이동할 때 자동으로 새 창을 열지 마세요. 사용자가 항상 새 창 열기를 시작해야 합니다.
  • 앱의 주요 용도를 완료하기 위해 사용자가 새 창을 열지 않도록 합니다.

관련 항목

디자이너용
반응형 디자인 101
개발자용(XAML)
XAML을 사용하여 레이아웃 정의
CoreApplication.CreateNewView methods
ApplicationView class
ApplicationViewSwitcher class
샘플
여러 보기 샘플

 

 

표시:
© 2017 Microsoft