Windows Mixed Reality용 2D UWP 앱 업데이트

Windows Mixed Reality 사용자가 홀로그램을 실제 및 디지털 세계에서 바로 주위에 있는 것처럼 볼 수 있습니다. 몰입형 헤드셋 액세서리를 연결하는 HoloLens 데스크톱 PC는 모두 Windows 10 장치입니다. 스토어에서 거의 모든 UWP(유니버설 Windows 플랫폼) 앱을 2D 앱으로 실행할 수 있습니다.

혼합 현실용 2D UWP 앱 만들기

혼합 현실 헤드셋에 2D 앱을 가져오는 첫 번째 단계는 데스크톱 모니터에서 앱을 표준 2D 앱으로 실행하는 것입니다.

새 2D UWP 앱 빌드

혼합 현실용 새 2D 앱을 빌드하려면 표준 2D UWP(유니버설 Windows 플랫폼) 앱을 빌드합니다. 해당 앱이 혼합 현실에서 슬레이트로 실행되기 위해서는 다른 앱 변경이 필요하지 않습니다.

2D UWP 앱 빌드를 시작하려면 첫 번째 앱 만들기 문서를 확인하세요.

UWP에 기존 2D 스토어 앱 가져오기

스토어에 2D Windows 앱이 이미 있는 경우 Windows 10 UWP(유니버설 Windows 플랫폼)를 대상으로 하는지 확인합니다. 현재 스토어 앱에서 사용할 수 있는 모든 잠재적인 시작점은 다음과 같습니다.

시작 지점 AppX 매니페스트 플랫폼 대상 이 유니버설을 만드는 방법
Windows Phone(Silverlight) Silverlight 앱 매니페스트 WinRT로 마이그레이션
Windows Phone 8.1 유니버설 8.1 플랫폼 대상을 포함하지 않는 AppX 매니페스트 유니버설 Windows 플랫폼으로 앱 마이그레이션
Windows Store 8 플랫폼 대상을 포함하지 않는 AppX 매니페스트 8개 유니버설 Windows 플랫폼으로 앱 마이그레이션
Windows Store 8.1 유니버설 8.1 플랫폼 대상을 포함하지 않는 AppX 매니페스트 유니버설 Windows 플랫폼으로 앱 마이그레이션

현재 PC에서 Win32 앱으로 빌드된 2D Unity 앱이 있는 경우 Mac & Linux 독립 실행형 빌드 대상을 혼합 현실용 유니버설 Windows 플랫폼 빌드 대상으로 전환합니다.

Windows 사용하여 앱을 HoloLens 제한할 수 있는 방법에 대해 살펴보겠습니다. 아래 홀로그램 디바이스 패밀리.

Windows Mixed Reality 몰입형 헤드셋으로 2D 앱 실행

데스크톱 컴퓨터에 2D 앱을 배포하고 모니터에서 사용해 본 경우 몰입형 데스크톱 헤드셋을 사용해 볼 준비가 된 것입니다!

그냥 혼합 현실 헤드셋 내에서 시작 메뉴 가서 거기에서 응용 프로그램을 시작합니다. 데스크톱 셸과 홀로그램 셸은 모두 동일한 UWP 앱 집합을 공유하므로 Visual Studio 배포한 후에는 앱이 이미 있어야 합니다.

몰입형 헤드셋과 HoloLens

축하합니다! 이제 앱에서 Windows 10 UWP(유니버설 Windows 플랫폼)를 사용하고 있습니다.

이제 앱은 데스크톱, 모바일, Xbox, Windows Mixed Reality 몰입형 헤드셋, HoloLens 및 향후 Windows 장치와 같은 오늘날의 Windows 장치에서 실행할 수 있습니다. 그러나 실제로 모든 디바이스를 대상으로 지정하려면 앱이 Windows 대상으로 지정하는지 확인해야 합니다. 유니버설 디바이스 패밀리입니다.

디바이스 패밀리를 Windows 변경합니다. 보편적인

이제 AppX 매니페스트로 이동하여 Windows 10 UWP 앱이 HoloLens 실행할 수 있도록 합니다.

  • Visual Studio 사용하여 앱의 솔루션 파일을 열고 앱 패키지 매니페스트로 이동합니다.
  • 솔루션에서 Package.appxmanifest 파일을 마우스 오른쪽 단추로 클릭하고 코드 보기로 이동합니다.
    package.appxmanifest in Solution Explorer
  • 대상 플랫폼이 Windows 있는지 확인합니다. 종속성 섹션의 범용
    <Dependencies>
      <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.10240.0" MaxVersionTested="10.0.10586.0" />
    </Dependencies>
    
  • 저장!

개발 환경에 Visual Studio 사용하지 않는 경우 선택한 텍스트 편집기에서 AppXManifest.xml열어 Windows 대상으로 지정할 수 있습니다. UniversalTargetDeviceFamily.

HoloLens Emulator 실행

이제 UWP 앱이 "Windows"를 대상으로 합니다. 유니버설", 앱을 빌드하고 HoloLens Emulator 실행해 보겠습니다.

  • HoloLens Emulator 설치했는지 확인합니다.

  • Visual Studio 앱에 대한 x86 빌드 구성을 선택합니다.

    x86 build configuration in Visual Studio

  • 배포 대상 드롭다운 메뉴에서 HoloLens 에뮬레이터를 선택합니다.

    HoloLens Emulator in deployment target list

  • 디버그 > 디버깅 시작을 선택하여 앱을 배포하고 디버깅을 시작합니다.

  • 에뮬레이터가 앱을 시작하고 실행합니다.

  • 키보드, 마우스 및 Xbox 컨트롤러를 사용하여 앱을 세계에 배치하여 시작합니다.

    HoloLens Emulator loaded with a UWP sample

다음 단계

이 시점에서 다음 두 가지 중 하나가 발생할 수 있습니다.

  1. 앱이 시작되고 Emulator 배치된 후 실행이 시작됩니다. 놀랍습니다.
  2. 또는 2D 홀로그램에 대한 로드 애니메이션이 표시되면 로드가 중지되고 시작 화면에서 앱만 표시됩니다. 즉, 문제가 발생하여 Mixed Reality에서 앱을 생생하게 만드는 방법을 이해하기 위해 더 많은 조사가 필요합니다.

UWP 앱이 HoloLens 시작되지 않도록 중지하는 가능한 문제의 근본 원인을 파악하려면 디버그해야 합니다.

디버거에서 UWP 앱 실행

다음 단계에서는 Visual Studio 디버거를 사용하여 UWP 앱을 디버깅하는 단계를 안내합니다.

  • 아직 수행하지 않은 경우 Visual Studio 솔루션을 엽니다. 대상을 HoloLens Emulator 변경하고 빌드 구성을 x86으로 변경합니다.
  • 디버그 > 디버깅 시작을 선택하여 앱을 배포하고 디버깅을 시작합니다.
  • 마우스, 키보드 또는 Xbox 컨트롤러를 사용하여 전 세계에 앱을 배치합니다.
  • 이제 Visual Studio 앱 코드의 어딘가에서 중단됩니다.
    • 처리되지 않은 오류로 인해 앱이 디버거에 즉시 충돌하거나 중단되지 않는 경우 앱의 핵심 기능에 대한 테스트 패스를 통해 모든 기능이 실행되고 작동하는지 확인합니다. 아래 그림과 같은 오류(처리 중인 내부 예외)가 표시될 수 있습니다. 앱 환경에 영향을 주는 내부 오류를 놓치지 않으려면 자동화된 테스트 및 단위 테스트를 실행하여 모든 것이 예상대로 작동하는지 확인합니다.

HoloLens Emulator loaded with a UWP sample showing a system exception

UI 업데이트

이제 UWP 앱이 몰입형 헤드셋에서 실행되고 2D 홀로그램으로 HoloLens 다음으로 아름답게 보일 것입니다. 다음과 같은 몇 가지 사항을 고려해야 합니다.

  • Windows Mixed Reality 모든 2D 앱을 고정 해상도로 실행하고 853x480 유효 픽셀과 같은 DPI를 실행합니다. 디자인에 이러한 규모로 개선이 필요한지 고려하고 아래의 디자인 지침을 검토하여 HoloLens 및 몰입형 헤드셋에 대한 환경을 개선합니다.
  • Windows Mixed Reality 2D 라이브 타일을 지원하지 않습니다. 핵심 기능이 라이브 타일에 대한 정보를 표시하는 경우 해당 정보를 앱으로 다시 이동하거나 3D 앱 시작 관리자를 탐색하는 것이 좋습니다.

2D 앱 보기 해상도 및 배율

From responsive design

Windows 10 모든 시각적 디자인을 실제 화면 픽셀에서 유효 픽셀로 이동합니다. 즉, 개발자는 효과적인 픽셀에 대한 Windows 10 휴먼 인터페이스 지침에 따라 UI를 디자인하고, Windows 크기 조정을 통해 해당 유효 픽셀이 디바이스, 해상도, DPI 등에서 유용성을 위해 적합한 크기가 되도록 합니다. 자세한 내용은 MSDN 및 이 BUILD 프레젠테이션 에 대한 훌륭한 읽기를 참조하세요.

다양한 거리에서 앱을 배치할 수 있는 고유한 기능이 있더라도 TV와 유사한 시청 거리를 사용하여 응시/제스처를 사용하여 최상의 가독성과 상호 작용을 생성하는 것이 좋습니다. 이 때문에 Mixed Reality Home의 가상 슬레이트는 다음에서 플랫 UWP 보기를 표시합니다.

1280x720, 150%DPI (853x480 유효 픽셀)

이 해결 방법은 다음과 같은 몇 가지 장점이 있습니다.

  • 이 유효 픽셀 레이아웃은 태블릿 또는 작은 데스크톱과 거의 동일한 정보 밀도를 갖습니다.
  • Xbox One 실행되는 UWP 앱의 고정 DPI 및 유효 픽셀과 일치하여 디바이스 간에 원활한 환경을 제공합니다.
  • 이 크기는 전 세계 앱의 작동 거리를 확장할 때 적합합니다.

2D 앱 보기 인터페이스 디자인 모범 사례

해야 하는 질문:

  • 스타일, 글꼴 크기 및 단추 크기에 대한 Windows 10 HIG(휴먼 인터페이스 지침)를 따릅니다. HoloLens 앱이 호환되는 앱 패턴, 읽을 수 있는 텍스트 크기 및 적절한 적중 대상 크기를 갖도록 하는 작업을 수행합니다.
  • UI가 반응형 디자인에 대한 모범 사례를 따라 HoloLens 고유 해상도 및 DPI를 가장 잘 살펴보도록 합니다.
  • Windows "밝은" 색 테마 권장 사항을 사용합니다.

하지 말아야 할 질문:

  • 혼합 현실에서 UI를 너무 크게 변경하여 사용자가 헤드셋 내/외부에 익숙한 경험을 할 수 있도록 합니다.

앱 모델 이해

혼합 현실용 앱 모델은 많은 앱 이 함께 사는 Mixed Reality Home을 사용하도록 설계되었습니다. 이를 한 번에 많은 2D 앱을 실행하는 데스크톱과 동일한 혼합 현실이라고 생각하세요. 이는 앱 수명 주기, 타일 및 앱의 기타 주요 기능에 영향을 줍니다.

앱 표시줄 및 뒤로 단추

2D 보기는 콘텐츠 위에 앱 바로 데코레이팅됩니다. 앱 바에는 앱별 개인 설정의 두 가지 지점이 있습니다.

제목: 앱 인스턴스와 연결된 타일의 표시 이름을 표시 합니다.

뒤로 단추: 누를 때 BackRequested 이벤트를 발생합니다. 뒤로 단추 표시 유형은 SystemNavigationManager.AppViewBackButtonVisibility에 의해 제어됩니다.

App bar UI in 2D app view
2D 앱 보기의 앱 바 UI

2D 앱 디자인 테스트

앱을 테스트하여 텍스트를 읽을 수 있는지, 단추를 대상으로 지정할 수 있는지, 전체 앱이 올바른지 확인하는 것이 중요합니다. 해상도가 1280x720 @150%로 설정된 데스크톱 헤드셋, HoloLens, 에뮬레이터 또는 터치 디바이스에서 테스트할 수 있습니다.

새 입력 가능성

HoloLens 고급 깊이 센서를 사용하여 세상을 보고 사용자를 봅니다. 이를 통해 과 에어 탭과 같은 고급 손 제스처를 사용할 수 있습니다. 강력한 마이크를 사용하면 음성 환경도 사용할 수 있습니다.

데스크톱 헤드셋을 사용하면 사용자가 모션 컨트롤러를 사용하여 앱을 가리키고 조치를 취할 수 있습니다. 또한 게임 패드를 사용하여 응시로 개체를 대상으로 할 수도 있습니다.

Windows UWP 앱의 이러한 모든 복잡성을 처리하여 응시, 제스처, 음성 및 모션 컨트롤러 입력을 입력 메커니즘을 추상화하는 포인터 이벤트로 변환합니다. 예를 들어 사용자가 손으로 에어 탭을 수행하거나 모션 컨트롤러에서 Select 트리거를 가져왔을 수 있지만 2D 애플리케이션은 입력이 어디에서 왔는지 알 필요가 없습니다. 터치 스크린에 있는 것처럼 2D 터치 프레스만 표시됩니다.

다음은 UWP 앱을 HoloLens 가져올 때 입력에 대해 이해해야 하는 개략적인 개념/시나리오입니다.

  • 응시 는 예기치 않게 메뉴, 플라이아웃 또는 기타 사용자 인터페이스 요소를 트리거하여 앱 주위를 응시하여 팝업할 수 있는 호버 이벤트로 바뀝니다.
  • 응시는 마우스 입력만큼 정확하지 않습니다. 터치 친화적인 모바일 애플리케이션과 유사하게 HoloLens 적절한 크기의 적중 대상을 사용합니다. 앱의 가장자리 근처에 있는 작은 요소는 상호 작용하기가 특히 어렵습니다.
  • 사용자는 입력 모드를 전환하여 스크롤에서 두 손가락 이동으로 끌어야 합니다. 앱이 터치 입력을 위해 디자인된 경우 두 손가락 이동 뒤에 주요 기능이 잠겨 있지 않은지 확인하는 것이 좋습니다. 그렇다면 두 손가락 이동이 시작될 수 있는 단추와 같은 대체 입력 메커니즘을 사용하는 것이 좋습니다. 예를 들어 지도 앱은 두 손가락 이동으로 확대/축소할 수 있지만 한 번의 클릭으로 동일한 확대/축소 상호 작용을 시뮬레이션하는 더하기, 빼기 및 회전 단추가 있습니다.

음성 입력 은 혼합 현실 환경의 중요한 부분입니다. 헤드셋을 사용할 때 Windows 10 전원 Cortana 있는 모든 음성 API를 사용하도록 설정했습니다.

유니버설 앱 게시 및 유지 관리

앱이 실행되고 나면 앱을 패키지하여 Microsoft Store 제출합니다.

참고 항목