Windows Mixed Reality용 2D UWP 앱 업데이트
Windows Mixed Reality를 사용하면 사용자가 실제 및 디지털 세계에서 홀로그램을 바로 둘러볼 수 있습니다. 그 핵심은 HoloLens와 몰입형 헤드셋 액세서리를 연결하는 데스크톱 PC 모두 Windows 10 장치입니다. 스토어에서 거의 모든 UWP(유니버설 Windows 플랫폼) 앱을 2D 앱으로 실행할 수 있습니다.
혼합 현실용 2D UWP 앱 만들기
혼합 현실 헤드셋에 2D 앱을 가져오는 첫 번째 단계는 데스크톱 모니터에서 표준 2D 앱으로 앱을 실행하는 것입니다.
새 2D UWP 앱 빌드
혼합 현실용 새 2D 앱을 빌드하려면 표준 UWP(2D 유니버설 Windows 플랫폼) 앱을 빌드합니다. 해당 앱이 혼합 현실에서 슬레이트로 실행되도록 하려면 다른 앱 변경이 필요하지 않습니다.
2D UWP 앱 빌드를 시작하려면 첫 번째 앱 만들기 문서를 확인하세요.
UWP에 기존 2D 스토어 앱 가져오기
스토어에 2D Windows 앱이 이미 있는 경우 Windows 10 유니버설 Windows 플랫폼(UWP)를 대상으로 하는지 확인합니다. 현재 스토어 앱에서 사용할 수 있는 모든 잠재적인 시작점은 다음과 같습니다.
| 시작 지점 | AppX 매니페스트 플랫폼 대상 | 이 유니버설을 만드는 방법 |
|---|---|---|
| Windows Phone Silverlight | Silverlight 앱 매니페스트 | WinRT로 마이그레이션 |
| Windows Phone 8.1 유니버설 | 8.1 플랫폼 대상을 포함하지 않는 AppX 매니페스트 | 앱을 유니버설 Windows 플랫폼 마이그레이션 |
| Windows 스토어 8 | 플랫폼 대상을 포함하지 않는 8 AppX 매니페스트 | 앱을 유니버설 Windows 플랫폼 마이그레이션 |
| Windows 스토어 8.1 유니버설 | 8.1 플랫폼 대상을 포함하지 않는 AppX 매니페스트 | 앱을 유니버설 Windows 플랫폼 마이그레이션 |
현재 PC, Mac 및 Linux 독립 실행형 빌드 대상에서 Win32 앱으로 빌드된 2D Unity 앱이 있는 경우 혼합 현실에 대한 유니버설 Windows 플랫폼 빌드 대상으로 전환합니다.
아래에서 Windows.Holographic 디바이스 패밀리를 사용하여 앱을 HoloLens로 제한할 수 있는 방법에 대해 설명합니다.
Windows Mixed Reality 몰입형 헤드셋에서 2D 앱 실행
데스크톱 컴퓨터에 2D 앱을 배포하고 모니터에서 사용해 본 경우 몰입형 데스크톱 헤드셋에서 사용해 볼 준비가 된 것입니다.
혼합 현실 헤드셋 내의 시작 메뉴 이동하여 거기에서 앱을 시작합니다. 데스크톱 셸과 홀로그램 셸은 모두 동일한 UWP 앱 집합을 공유하므로 Visual Studio에서 배포한 후에는 앱이 이미 있어야 합니다.
몰입형 헤드셋과 HoloLens를 모두 대상으로 지정
축하합니다! 이제 앱에서 Windows 10 UWP(유니버설 Windows 플랫폼)를 사용하고 있습니다.
이제 앱은 데스크톱, 모바일, Xbox, Windows Mixed Reality 몰입형 헤드셋, HoloLens 및 향후 Windows 장치와 같은 오늘날의 Windows 장치에서 실행할 수 있습니다. 그러나 실제로 모든 디바이스를 대상으로 지정하려면 앱이 Windows를 대상으로 하는지 확인해야 합니다. 유니버설 디바이스 패밀리.
디바이스 패밀리를 Windows.Universal로 변경
이제 AppX 매니페스트로 이동하여 Windows 10 UWP 앱이 HoloLens에서 실행되도록 하겠습니다.
- Visual Studio를 사용하여 앱의 솔루션 파일을 열고 앱 패키지 매니페스트로 이동합니다.
- 솔루션에서 Package.appxmanifest 파일을 마우스 오른쪽 단추로 클릭하고 코드 보기로 이동합니다.
- 대상 플랫폼이 Windows인지 확인합니다. 종속성 섹션의 범용
<Dependencies> <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.10240.0" MaxVersionTested="10.0.10586.0" /> </Dependencies> - 구해내다!
개발 환경에 Visual Studio를 사용하지 않는 경우 선택한 텍스트 편집기에서 AppXManifest.xml 열어 Windows.Universal TargetDeviceFamily를 대상으로 하는지 확인할 수 있습니다.
HoloLens 에뮬레이터에서 실행
이제 UWP 앱이 "Windows.Universal"을 대상으로 하므로 앱을 빌드하고 HoloLens 에뮬레이터에서 실행해 보겠습니다.
HoloLens 에뮬레이터가 설치되어 있는지 확인합니다.
Visual Studio에서 앱에 대한 x86 빌드 구성을 선택합니다.
배포 대상 드롭다운 메뉴에서 HoloLens 에뮬레이터를 선택합니다.
디버그 > 디버깅 시작을 선택하여 앱을 배포하고 디버깅을 시작합니다.
에뮬레이터가 앱을 시작하고 실행합니다.
키보드, 마우스 및 Xbox 컨트롤러를 사용하여 전 세계에 앱을 배치하여 시작합니다.
다음 단계
이 시점에서 다음 두 가지 중 하나가 발생할 수 있습니다.
- 앱이 에뮬레이터에 배치된 후 시작 및 실행을 시작합니다. 멋집니다!
- 또는 2D 홀로그램에 대한 로드 애니메이션이 표시되면 로드가 중지되고 시작 화면에서 앱만 표시됩니다. 즉, 문제가 발생하여 Mixed Reality에서 앱을 생생하게 만드는 방법을 이해하기 위해 더 많은 조사가 필요합니다.
UWP 앱이 HoloLens에서 시작되지 않도록 중지하는 가능한 문제의 근본 원인을 파악하려면 디버그해야 합니다.
디버거에서 UWP 앱 실행
다음 단계에서는 Visual Studio 디버거를 사용하여 UWP 앱을 디버깅하는 단계를 안내합니다.
- 아직 수행하지 않은 경우 Visual Studio에서 솔루션을 엽니다. 대상을 HoloLens 에뮬레이터로 변경하고 빌드 구성을 x86으로 변경합니다.
- 디버그 > 디버깅 시작을 선택하여 앱을 배포하고 디버깅을 시작합니다.
- 마우스, 키보드 또는 Xbox 컨트롤러를 사용하여 전 세계에 앱을 배치합니다.
- 이제 Visual Studio가 앱 코드의 어딘가에 중단됩니다.
- 앱이 처리되지 않은 오류로 인해 디버거에 즉시 충돌하거나 중단되지 않는 경우 앱의 핵심 기능에 대한 테스트 통과를 통해 모든 것이 실행되고 작동하는지 확인합니다. 아래 그림과 같은 오류가 표시될 수 있습니다(처리 중인 내부 예외). 앱 환경에 영향을 주는 내부 오류를 놓치지 않도록 하려면 자동화된 테스트 및 단위 테스트를 실행하여 모든 것이 예상대로 작동하는지 확인합니다.
UI 업데이트
UWP 앱이 몰입형 헤드셋과 HoloLens에서 2D 홀로그램으로 실행되고 있으므로 다음으로는 아름답게 보일 것입니다. 고려할 사항은 다음과 같습니다.
- Windows Mixed Reality는 853x480 유효 픽셀에 해당하는 모든 2D 앱을 고정 해상도 및 DPI로 실행합니다. 디자인에 이 규모로 개선이 필요한지 고려하고 아래의 디자인 지침을 검토하여 HoloLens 및 몰입형 헤드셋에 대한 환경을 개선합니다.
- Windows Mixed Reality 는 2D 라이브 타일을 지원하지 않습니다. 핵심 기능이 라이브 타일에 대한 정보를 표시하는 경우 해당 정보를 앱으로 다시 이동하거나 3D 앱 시작 관리자를 탐색 하는 것이 좋습니다.
2D 앱 보기 해상도 및 배율 인수
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에 의해 제어됩니다.
2D 앱 보기의 앱 바 UI
2D 앱 디자인 테스트
앱을 테스트하여 텍스트를 읽을 수 있는지, 단추를 대상으로 지정할 수 있는지, 전체 앱이 올바른지 확인하는 것이 중요합니다. 해상도가 1280x720 @150%로 설정된 데스크톱 헤드셋, HoloLens, 에뮬레이터 또는 터치 장치에서 테스트할 수 있습니다.
새로운 입력 가능성
HoloLens는 고급 깊이 센서를 사용하여 세상을 보고 사용자를 봅니다. 이를 통해 블룸 및 에어 탭과 같은 고급 손 제스처를 사용할 수 있습니다. 강력한 마이크를 사용하면 음성 환경도 사용할 수 있습니다.
데스크톱 헤드셋을 사용하면 사용자가 모션 컨트롤러를 사용하여 앱을 가리키고 조치를 취할 수 있습니다. 또한 게임 패드를 사용하여 응시로 개체를 대상으로 지정할 수도 있습니다.
Windows는 UWP 앱의 이러한 복잡성을 모두 처리하여 응시, 제스처, 음성 및 모션 컨트롤러 입력을 입력 메커니즘을 추상화하는 포인터 이벤트로 변환합니다. 예를 들어 사용자가 손으로 에어 탭을 수행하거나 모션 컨트롤러에서 Select 트리거를 뽑았을 수 있지만 2D 애플리케이션은 입력이 어디에서 왔는지 알 필요가 없습니다. 터치 스크린에 있는 것처럼 2D 터치 프레스만 볼 수 있습니다.
다음은 UWP 앱을 HoloLens로 가져올 때 입력에 대해 이해해야 하는 개략적인 개념/시나리오입니다.
- 응시 는 예기치 않게 메뉴, 플라이아웃 또는 기타 사용자 인터페이스 요소를 트리거하여 앱 주변을 응시하여 팝업할 수 있는 호버 이벤트로 바뀝니다.
- 응시는 마우스 입력만큼 정확하지 않습니다. 터치 친화적인 모바일 애플리케이션과 유사하게 HoloLens에 적절한 크기의 적중 대상을 사용합니다. 앱의 가장자리 근처에 있는 작은 요소는 상호 작용하기가 특히 어렵습니다.
- 스크롤에서 끌어서 두 손가락 이동으로 이동하려면 입력 모드를 전환해야 합니다. 앱이 터치 입력용으로 디자인된 경우 두 손가락 이동 뒤에 주요 기능이 잠겨 있지 않은지 확인하는 것이 좋습니다. 그렇다면 두 손가락 이동이 시작될 수 있는 단추와 같은 대체 입력 메커니즘을 사용하는 것이 좋습니다. 예를 들어 Maps 앱은 두 손가락 이동으로 확대/축소할 수 있지만 더하기, 빼기 및 회전 단추를 사용하여 한 번의 클릭으로 동일한 확대/축소 상호 작용을 시뮬레이션할 수 있습니다.
음성 입력 은 혼합 현실 환경의 중요한 부분입니다. 헤드셋을 사용할 때 Windows 10에서 Cortana를 구동하는 모든 음성 API를 사용하도록 설정했습니다.
유니버설 앱 게시 및 유지 관리
앱이 실행되고 나면 앱을 패키지하여 Microsoft Store에 제출합니다.