Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide a default device independent mode #7

Open
yschimke opened this issue Feb 24, 2024 · 3 comments
Open

Provide a default device independent mode #7

yschimke opened this issue Feb 24, 2024 · 3 comments

Comments

@yschimke
Copy link
Collaborator

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
Copy link
Member

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
Copy link
Collaborator Author

@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
Copy link
Member

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.

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

No branches or pull requests

2 participants