WatchOS에서 Xamarin 화면 크기를 사용 하 여 작업Working with watchOS Screen Sizes in Xamarin

Apple Watch 두 화면 크기에서 제공 됩니다.Apple Watch is available in two screen sizes:

  • 38mm38mm

    • 136 x 170 논리 픽셀 (272 x 340 물리적 픽셀)136 x 170 logical pixels (272 x 340 physical pixels)
  • 42mm42mm

    • 156 x 195 논리 픽셀 (312 x 390 물리적 픽셀)입니다.156 x 195 logical pixels (312 x 390 physical pixels).

화면 크기 디자인 및 앱을 테스트 하는 경우 계정에 수행 해야 합니다.You should take screen size into account when designing and testing your apps.

watchOS 인터페이스 디자이너watchOS Interface Designer

Mac 디자이너에 대 한 Visual Studio에서 표시 하는 기본적으로에서 인터페이스 컨트롤러를 시청 Any Apple Watch합니다.By default the Visual Studio for Mac Designer will display watch interface controllers at Any Apple Watch.

크기 메뉴를 사용 하 여 편집 및 사용 가능한 화면 크기 중 하나에서 스토리 보드를 미리 보려면: (38mm42 mm:Use the size menu to edit and preview your storyboard at either of the available screen sizes: 38mm or 42mm:

화면 크기는 더 작은 화면에서 잘린/숨겨진 콘텐츠를 렌더링 경우에 따라 합니다.The larger screen size will sometimes render content that would be truncated/hidden on the smaller screen. 두 크기에서 테스트 해야 합니다.Be sure to test on both sizes.

인터페이스 디자인Interface Design

앱 크기에 관계 없이 화면에서 동일한 콘텐츠를 표시 해야 하 고 확장 하거나 적절 하 게 요소 계약 해야 합니다.Your app should display the same content on the screen, regardless of size, and should expand or contract elements as appropriate. 특성 검사기에서 Mac 디자이너에 대 한 Visual Studio를 사용 하 여 컨테이너에 상대적인 하거나 크기에 맞게 콘텐츠를 고정된 크기 보다 우선적으로 합니다.In the Visual Studio for Mac Designer, in the Attribute Inspector, you should use Relative to Container or Size to Fit Content in preference to fixed sizes.

보기 화면을 검은색 베젤에 둘러싸여, 때문에 사용자 인터페이스 주위에 안쪽 여백을 제공 권장 되지 않습니다.Because the watch screen is surrounded by a black bezel, providing padding around your interface is not recommended. 요소를 화면 가장자리에 대 한 rest 하 고 앱 주위에 테두리를 자연스럽 게 형성 베젤에 사용 수 있습니다.Let elements rest against the edge of the screen and let the bezel form a natural border around the app.

watchOS 시뮬레이터watchOS Simulator

경우 시뮬레이터에서 테스트 간에 쉽게 전환할 수를 사용 하 여 두 화면 크기를 하드웨어 > 장치 메뉴.When testing on the simulator you can easily switch between the two screen sizes using the Hardware > Device menu.

이미지 리소스Image Resources

단일 자산 다양 한 크기의 좋은 찾지 않습니다 하는 경우에 여러 이미지 자산을 사용 해야 합니다.You should use multiple image assets if a single asset does not look good at different sizes. 이미지 자산 카탈로그를 각 크기에 대해 지정할 별도 비트맵에 대 한 허용:Image asset catalogs allow for separate bitmaps to be specified for each size:

// specify the asset name, the correct size will automatically be loaded
staticImage.SetImage(UIImage.FromBundle("Walkway"));

또는 화면 크기를 확인 하 고 다양 한 이미지를 완전히 로드 하려면 코드를 사용 합니다.Alternatively, use code to determine the screen size and load different images altogether:

bool large = WKInterfaceDevice.CurrentDevice.ScreenBounds.Size.Width > 136.0;
// Load image depending on screen size
using (var image = UIImage.FromBundle (large ? "42mm-Walkway" : "38mm-Walkway"))
{
   myImage.SetImage (image);

}

사용 하 여 자세히 알아보세요 합니다 이미지 컨트롤합니다.Read more about using the image control.