Zifferblätter gestalten

Benutzerdefinierte Zifferblätter nutzen eine dynamische, digitale Leinwand, die Farben, Animationen und Kontextinformationen enthalten kann.

Bei einem Zifferblatt für Wear OS muss die Zeit klar visualisiert werden, so wie bei einem herkömmlichen Zifferblatt. Wear-Geräte bieten erweiterte Funktionen für Zifferblätter, die Sie in Ihren Designs verwenden können, z. B. kräftige Farben, dynamische Hintergründe, Animationen und Datenintegration. Es gibt jedoch auch viele Designüberlegungen zu berücksichtigen.

Wenn Sie ein Zifferblatt ohne Programmierung entwerfen möchten, finden Sie entsprechende Informationen unter Watch Face Studio.

Um mit dem Design eines Zifferblatts zu beginnen, sehen Sie sich andere Beispiele für Zifferblätter an. Laden Sie die Wear OS Companion App herunter, um in einer großen Auswahl an Zifferblättern zu stöbern.

Implementierung des Zifferblatts planen

Nachdem Sie das Design Ihres Zifferblatts fertiggestellt haben, müssen Sie festlegen, wie Sie alle erforderlichen Daten erhalten und das Zifferblatt auf dem Wearable-Gerät zeichnen. Die meisten Implementierungen bestehen aus den folgenden Komponenten:

  • Ein oder mehrere Hintergrundbilder.
  • Anwendungscode, der die erforderlichen Daten abruft.
  • Anwendungscode, der Text und Formen über die Hintergrundbilder zieht

Apps zeigen in der Regel unterschiedliche Hintergrundbilder für den interaktiven und den Inaktivmodus an. Im Inaktivmodus kann es schwierig sein, ein gutes Bild zu erstellen. Daher sind Hintergründe im Inaktivmodus oft komplett schwarz oder grau und enthalten kein Bild.

Hintergrundbilder für Wear-Geräte mit einer Bildschirmdichte von HDPI sollten 320 x 320 Pixel groß sein. Die Ecken des Hintergrundbilds sind auf runden Geräten nicht sichtbar. In Ihrem Code können Sie die Größe des Gerätebildschirms erkennen und das Hintergrundbild verkleinern, wenn das Gerät eine geringere Auflösung als Ihr Bild hat. Um die Leistung zu verbessern, skalieren Sie das Hintergrundbild nur einmal und speichern Sie die resultierende Bitmap.

Führen Sie den Anwendungscode aus, um Kontextdaten nur so oft wie nötig abzurufen, und speichern Sie die Ergebnisse, um die Daten bei jedem Zeichnen des Zifferblatts wiederzuverwenden. Sie müssen beispielsweise nicht jede Minute Wettervorhersagen abrufen.

Der Anwendungscode, mit dem das Zifferblatt zum Zeichnen im Inaktivmodus ausgeführt wird, sollte relativ einfach gehalten werden, um die Akkulaufzeit zu erhöhen. In diesem Modus zeichnen Sie normalerweise Umrisse von Formen mit einer begrenzten Anzahl von Farben. Im interaktiven Modus können Sie zum Zeichnen des Zifferblatts Farben, komplexe Formen, Farbverläufe und Animationen verwenden.

In den restlichen Lektionen dieses Kurses erfährst du im Detail, wie du Zifferblätter implementieren kannst.

Weitere Informationen finden Sie in den folgenden Ressourcen: