Splitties / ComposeOClock

Draw Wear OS Watch Faces with Compose Canvas (& runtime)
Apache License 2.0
110 stars 11 forks source link

Provide a default device independent mode #7

Open yschimke opened 3 months ago

yschimke commented 3 months ago

Maybe similar to WFF, some mode based on a theoretical watch, say 450px and 225dp, that ensures that watchfaces look consistent across devices.

Comparison image image

LouisCAD commented 3 months ago

By default in OClockRootCanvas, size should currently be capped between 192 and 227 dp (sizes of small and large round Wear previews in Compose Wear tooling artifacts).

It's possible to pass a custom Modifier to have a specific size that either matches one of those two values, or some arbitrary watch (including one of the user is using), or something based on the phone/foldable screen width and/or some user setting.

I think the size you want to present depends on what you want the UI using it to look like.

Do you have a specific idea of doing something in a particular place within this sample project?

yschimke commented 3 months ago

@LouisCAD No, just that maybe the default should be this device independent mode.

So when you design carefully but only for a single device, you aren't surprised on other devices.

Then opt into responsive designs when you choose.

LouisCAD commented 3 months ago

It really depends on your choices designing the Watch Face.

If you use fractions of size, it'll always look the same, just bigger or smaller based on the actual device screen size.

If you use dp sizes, you'll get fixed size and more padding on large screens, and less on smaller ones.

That's up to the designer, and that example is showing both in the same design.