Skip to content
This repository has been archived by the owner on Nov 13, 2020. It is now read-only.

Darstellung auf Uhren mit eckigem, nicht quadratischem Display #6

Open
linus2100 opened this issue Sep 23, 2020 · 11 comments
Open

Darstellung auf Uhren mit eckigem, nicht quadratischem Display #6

linus2100 opened this issue Sep 23, 2020 · 11 comments

Comments

@linus2100
Copy link

Auf einer OPPO Watch 41 mm - 320x360px wird das aktuelle Watchface wie unten gezeigt dargestellt. Eine Interaktion per Display-Tap ist nicht möglich. Ich bin mir nicht sicher, in welchen Details das Ergebnis vom Plan abweicht und möchte daher diese allgemeine Rückmeldung geben:

  1. Screenshot

screen

  1. Foto

20200923_230534

  1. Uhren-Displayrand

20200923_231152

@rICTx-T1D
Copy link
Owner

rICTx-T1D commented Sep 25, 2020

Hi @linus2100,
Danke für dein Feedback!

Am unteren Rand fehlen irgendwie so 3-5px. Die gestrichelte Linie sollte auch unten abschließen.
Falls du das Datum vermisst, schaue mal hier #7 nach der Lösung.

Ich hatte das ganze im Emulator mit einer Oppo 402x476px mit 1,91Zoll getestet.
Deine hat ja abweichende Pixel und das Display ist nicht komplett Eckig sondern abgerundet.

Wie groß ist deine Uhr in Zoll? Oder sende mal den Deep-Link zur Herstellerseite.

Gruß
rICTxT1D

@rICTx-T1D
Copy link
Owner

Gern kannst du die png-Datei unter /wear/src/main/res/drawable/rictxwf01_bg_red_rect.png leicht über ein Bildbearbeitungsprogramm deiner Wahl modifizieren und damit etwas experimentieren. Falls du eine passende Anpassung gefunden hast, hänge die Datei hier einfach an.

@rICTx-T1D
Copy link
Owner

Wäre das eine Lösung für dich?
image

Die Ecken sind nun ebenfalls abgerundet. Egal ob nun bei deiner Uhr oder bei einer anderen... Und der Rahmen ist ein wenig nach innen versetzt, so dass das Abschneiden nicht auftreten sollte.

rictxwf01_bg_red_rect
Einfach die Datei "\wear\src\main\res\drawable\rictxwf01_bg_red_rect.png" ersetzen.

Kannst du mir dann bitte nochmal neue Fotos von deiner Uhr machen?

rICTx-T1D added a commit that referenced this issue Sep 25, 2020
@linus2100
Copy link
Author

linus2100 commented Sep 27, 2020

Hallo @rICTx-T1D ,

Die Anpassungen am Watchface finde ich klasse. Vielen Dank!
Die Oppo Watch mit 1.91 Zoll ist in der EU noch nicht erhältlich und wird wohl erst in den kommenden Wochen als global Version veröffentlicht.

Das neue Face wird leider nicht dargestellt wie erhofft. Die Pixel scheinen direkt an der Unterkannte der BG Graphen (x-Achsen-Beschriftung) abgeschnitten zu werden. Wenn man den roten Rand entsprechend anpasst, wirkt das Watchface nicht mehr harmonisch. Daher habe ich für mich einfach den äußeren Rand entfernt und noch eine ganz simple Version getestet. Da fallen fehlende Pixel nicht auf, aber es ist eben auch nicht mehr Dein Konzept.

@linus2100
Copy link
Author

1 - Original Screenshot
screen

2 - Original Photo
20200927_155347

3 - Original ohne äußeren Rand
20200927_162907

4 - Einfache Version
20200927_203144

@rICTx-T1D
Copy link
Owner

Hallo @linus2100,

danke fürs Testen.

Variante 3 und 4 sehen auf der eckigen Uhr auch nicht schlecht aus. Ich plane ein erweitertes Konfigurationsmenü zu bauen, in wo man das Ziffernblatt konfigurieren kann (Zahnrad in der Watchface-Auswahl). Hier stelle ich mir vor, dass man die Farbe auswählen kann und ggf. noch unterschiedliche Schattierungen für den Hintergrund. evtl. mache ich dann eine Farbe "Simple" wie in Bild 4.

Bis dahin kannst du die Hintergrunddatei nur komplett abstellen, wenn du auf das Watchface ein douple-tap machst und unter Settings den "Match Divider" auf OFF stellst.

Ich bastle weiter, wenn Zeit ist.

VG
rICTx-T1D

@linus2100
Copy link
Author

Hallo @rICTx-T1D ,
das finde ich richtig gut.
Spannend finde ich auch, dass ich jetzt am Hintergrund noch etwas herumprobieren kann ... : )

Danke und Viele Grüße
Linus

@rICTx-T1D
Copy link
Owner

Hallo @linus2100 ,
du kannst nun in den Watchface-Einstellungen ein Style wählen. Hier gibt es den SimpleStyle (dein Vorschlag 4), sowie viele verschiedene Farben.

Bekommen wir irgendwie heraus, wieviele Pixel genau am unteren Rand abgeschnitten werden?

VG
rICTx-T1D

@linus2100
Copy link
Author

Hallo @rICTx-T1D,
ich glaube ich werd ein simple Fan : )
Um den Pixeln näher zu kommen, habe ich dem Indigo Background (420x420) Linien in 5px-Raster überlagert, die sich u.a. in der Bildmitte schneiden:

@linus2100
Copy link
Author

linus2100 commented Sep 30, 2020

  1. Background (420x420) mit Linienraster 5px
    rictxwf01_bg_indigo_rect

  2. Screenshot (320x360)
    screen

  3. Photo
    20200930_225137

@linus2100
Copy link
Author

linus2100 commented Sep 30, 2020

  • Oben und unten gibt es einen blinden Streifen

  • Oben und in der Breite wird das Bild in den sichtbaren viereckigen Bereich eingepasst

  • Wenn ich mich nicht verzählt habe, ergibt sich folgendes Verhältnis:
    image

  • Bei einem quadratischen Watchface werden also rund 10% am unteren Ende einfach nicht dargestellt

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants