Garmin-Bildschirmdesign
Dieses Skill sorgt dafür, dass ein Design auf jedem runden Garmin-Bildschirm gut aussieht – von einem 218-Pixel-MIP-Forerunner bis zu einem 466-Pixel-AMOLED-fēnix. Ein Bildschirm, der auf einer Uhr richtig aussieht, ist nur ein erster Entwurf.
Monkey-C-Verhalten gehört zu garmin-app. Bildschirmaufnahmen gehören zu garmin-simulator.
Für neun Bildschirmgrößen entwerfen, eine pro Größe testen
Runde Connect-IQ-Bildschirme gibt es in 218, 240, 260, 280 (MIP, 64 Farben) und 360, 390, 416, 454, 466 px (AMOLED). Bevor du einen Bildschirm als fertig betrachtest, führe ihn auf einer Uhr pro Größe mit den längsten Werten aus, die er anzeigen kann (screens.md).
Platzieren anhand gemessener Höhen, nicht fester Pixel
AMOLED-Schriften sind bei gleicher nominaler Größe größer als MIP-Schriften. Positioniere mit Bruchteilen des Slots und dc.getFontHeight(), und zentriere mit TEXT_JUSTIFY_VCENTER bei Schriften, deren Zeilenhöhe auf die Glyphen zugeschnitten ist.
Eigene Bitmap-Schriften für wichtige Ziffern verwenden
Systemschriften unterscheiden sich je nach Uhr und viele kleine Bildschirme haben keine Vektorschriften. Generiere eine BMFont .fnt + .png pro Bildschirmgröße mit nur den Zeichen, die du zeichnest, speichere die Glyphenabdeckung im Farb- UND im Alphakanal, sonst wird auf der Uhr nichts antialiasiert, und trimme die Zeilenhöhe auf die Glyphen (fonts.md).
Akzente aus zentrierten Schriften heraushalten
Eine Schrift, deren Zeichensatz É oder À enthält, reserviert Platz über den Großbuchstaben, sodass VCENTER Großbuchstaben zu tief setzt. Ein Zonen-Pill zeigte „Z4“ außermittig, bis es eine eigene Schrift mit nur Z, Ziffern und - bekam.
Prüfen, dass jede Ziffer als sich selbst lesbar ist
Manche Schriftarten zeichnen 1 als bloßen Strich, sodass „Z1“ auf den ersten Blick wie „ZI“ und „101“ wie „IOI“ aussieht. Sieh dir 1, 7, 0 und O in groß an, bevor du eine Schriftart auswählst. Wenn eine nicht besteht, wähle eine andere Schriftart oder zeichne diese Glyphe in deinem eigenen Schriftgenerator neu.
Jedes Label passt in jeder Sprache in seinen Slot
Messe die Pixelbreite jedes Labels in jeder Sprache gegen den Slot, in den es fällt. Übersetzte Labels sind länger (französische sind übergelaufen); messe, nimm nichts an. Entferne die Einheit, dann kürze, lass niemals zwei Labels sich berühren (screens.md).
MIP-Farben selbst auswählen
MIP-Bildschirme zeigen 64 Farben mit Kanalwerten 00/55/AA/FF. Der Compiler rundet schlecht (ein Braun wurde olivgrün). Halte getrennte Paletten für AMOLED, MIP und weiße Hintergründe und wähle jede MIP-Farbe mit dem Auge aus den 64 aus (colors.md).
Bögen mit drawArc zeichnen
Aus Polygonen aufgebaute Bögen sehen auf einer echten Uhr handgezeichnet aus. dc.drawArc ist glatt. Ein Bogen von einem Winkel zu sich selbst zeichnet einen Vollkreis: schütze vor Bögen der Länge Null.
Ein sich bewegender Marker darf nicht verdecken, worauf er zeigt
Ein Zeiger oder Bitmap, der über Text gezeichnet wird, löscht diesen aus. Passe Marker gegen den umgebenden Text auf jeder Bildschirmgröße an; ein Zeiger, der lang genug war, um auf 390 px lesbar zu sein, berührte bei niedrigen Zonen das Herzsymbol.
Symbole einmal zeichnen, groß
Zeichne das Launcher-Symbol mit 1024 px, verkleinere es mit LANCZOS auf jede launcherIcon-Größe aus der compiler.json des Geräts und speichere eine pro resources-round-WxH/drawables/. Verwende die 64-Farben-Palette für MIP-Größen.