Arbeiten mit Bildschirmgrößen

Android Wear-Geräte können entweder über ein rechteckiges oder ein rundes Display verfügen, das auch unterschiedliche Größen aufweisen kann.

Screenshots von rechteckigen und runden Verschleißanzeigen

Identifizieren des Bildschirmtyps

Die Wear-Supportbibliothek bietet einige Steuerelemente, mit denen Sie verschiedene Bildschirmformen erkennen und anpassen können, z WatchViewStub . B. und BoxInsetLayout.

Beachten Sie, dass einige der anderen Unterstützenden Bibliothekssteuerelemente (z GridViewPager. B. ) die Bildschirmform automatisch selbst erkennen und nicht als untergeordnete Elemente der unten beschriebenen Steuerelemente hinzugefügt werden sollten.

WatchViewStub

Im WatchViewStub-Beispiel erfahren Sie, wie Sie den Bildschirmtyp erkennen und für jeden Typ ein anderes Layout anzeigen.

Die Standard Layoutdatei enthält eine android.support.wearable.view.WatchViewStub , die mit den app:rectLayout Attributen und app:roundLayout auf verschiedene Layouts für rechteckige und runde Bildschirme verweist:

<android.support.wearable.view.WatchViewStub
    xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:id="@+id/stub"
  app:rectLayout="@layout/rect_layout"
  app:roundLayout="@layout/round_layout" />

Die Projektmappe enthält unterschiedliche Layouts für jede Formatvorlage, die zur Laufzeit ausgewählt wird:

Unter Ressourcen/Layout angezeigte Dateien

BoxInsetLayout

Anstatt für jeden Bildschirmtyp unterschiedliche Layouts zu erstellen, können Sie auch eine einzelne Ansicht erstellen, die sich an rechteckige oder runde Bildschirme anpasst.

In diesem Google-Beispiel wird gezeigt, wie sie verwenden BoxInsetLayout , um dasselbe Layout sowohl auf rechteckigen als auch auf runden Bildschirmen zu verwenden.

Designer der Benutzeroberfläche tragen

Das Xamarin Android-Designer unterstützt sowohl rechteckige als auch runde Bildschirme:

Auswählen des Android Wear Square-Bildschirms im Xamarin Android-Designer

Die Entwurfsoberfläche im rechteckigen Stil ist hier dargestellt:

Entwurfsoberfläche im rechteckigen Stil

Die Entwurfsoberfläche im runden Stil wird hier gezeigt:

Entwurfsoberfläche im runden Stil

Verschleißsimulator

Der Google Emulator Manager enthält Gerätedefinitionen für beide Bildschirmtypen. Sie können rechteckige und runde Emulatoren erstellen, um Ihre App zu testen.

Im Google Emulator Manager angezeigte Wear-Gerätedefinitionen

Der Emulator wird für einen rechteckigen Bildschirm wie folgt gerendert:

Emulatorrendering eines rechteckigen Bildschirms

Es wird für einen runden Bildschirm wie folgt gerendert:

Emulatorrendering eines runden Bildschirms

Video

Vollbild-Apps für Android Wear von developers.google.com.