Condividi tramite

Uso delle dimensioni dello schermo watchOS in Xamarin

Apple Watch è disponibile in due dimensioni dello schermo:

  • 38 mm

    • 136 x 170 pixel logici (272 x 340 pixel fisici)

  • 42mm

    • 156 x 195 pixel logici (312 x 390 pixel fisici).

È consigliabile prendere in considerazione le dimensioni dello schermo durante la progettazione e il test delle app.

WatchOS Interface Designer

Per impostazione predefinita, Visual Studio per Mac Designer visualizzerà i controller dell'interfaccia watch in Qualsiasi Apple Watch.

The Designer displays watch interface controllers at Any Apple Watch

Usare il menu dimensioni per modificare e visualizzare in anteprima lo storyboard in una delle dimensioni dello schermo disponibili: 38mm o 42mm:

Selecting the 38mm or 42mm size

Le dimensioni dello schermo più grandi a volte eseguiranno il rendering del contenuto che verrebbe troncato/nascosto sullo schermo più piccolo. Assicurarsi di eseguire il test su entrambe le dimensioni.

Progettazione di interfacce

L'app deve visualizzare lo stesso contenuto sullo schermo, indipendentemente dalle dimensioni e deve espandere o modificare gli elementi del contratto in base alle esigenze. Nella finestra di progettazione Visual Studio per Mac, in Controllo attributi, è consigliabile usare Relative al contenitore o alle dimensioni per adattare il contenuto in base alle dimensioni fisse.

Use Relative to Container or Size to Fit Content in preference to fixed sizes

Poiché lo schermo dell'orologio è circondato da una cornice nera, non è consigliabile inserire spaziatura interna intorno all'interfaccia. Lasciare che gli elementi si riposino sul bordo dello schermo e lasciare che la cornice formi un bordo naturale intorno all'app.

Simulatore watchOS

Quando si esegue il test nel simulatore, è possibile passare facilmente tra le due dimensioni dello schermo usando il menu Dispositivo hardware>.

The simulator can switch between the two screen sizes using the Hardware Device menu

Risorse immagine

È consigliabile usare più asset di immagine se un singolo asset non presenta dimensioni diverse. I cataloghi di asset di immagini consentono di specificare bitmap separate per ogni dimensione:

Image asset catalog editor

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

In alternativa, usare il codice per determinare le dimensioni dello schermo e caricare completamente immagini diverse:

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);

}

Altre informazioni sull'uso del controllo immagine.

  • Last updated on