How to use PNGs and custom fonts in a different pixel resolutions devices?

Hi, I have 2 watch faces I customized for my own device which is the 416x416 pixels Venu 2. Sadly it makes it really hard for me to deal with make it compatible with the other watch faces, and especially the 240x240 pixels resolution which is the resolution in most of the garmin devices. I understood that things like built in fonts change in size in every device by the Reference guides but when it comes to PNGs (I use them as bitmaps) and custom fonts I just couldn't do anything without changing the code and make it compatible only to the specified pixels resolution.

Any help and information about the subject will be highly appreciated!

Top Replies

jim_m_58 over 5 years ago in reply to Kfir Eliyahu +1

With resource over-rides only round devices that are 260x260 will compile/load those resources.
jim_m_58 over 4 years ago in reply to sigmoidx +1

https://developer.garmin.com/connect-iq/core-topics/resources/

It's really pretty simple. If you have a font folder under resouces, do the same thing under resources-round-240x240 with the fonts for…

All Replies

0 jim_m_58 over 5 years ago

Here's something of mine where the only different is the size of the custom fonts used on different devices. With BMFONT I uses create different fonts for the different devices.

0 jim_m_58 over 5 years ago in reply to jim_m_58

See https://forums.garmin.com/developer/connect-iq/b/news-announcements/posts/a-whole-new-world-of-graphics-with-connect-iq-4

for some things you can do with scaling bitmaps.

0 Kfir Eliyahu over 5 years ago in reply to jim_m_58

Hi Jim, it's something Ive seen in other completed watch face too, I have 2 questions about it:

1. how does the connect iq or eclipse knows how to sort the resources of vivoactive4 (for example) into the resources-round -260x260 and every other device to his own screen shape and screen size? Do I need to code it? and if so, how do I code it in the sourceView file?

2. will it make the size of the finished file bigger for every deivce using it?

TY in advance!

0 jim_m_58 over 5 years ago in reply to Kfir Eliyahu

With resource over-rides only round devices that are 260x260 will compile/load those resources.

0 sigmoidx over 4 years ago in reply to jim_m_58

jim_m_58

Could you please link me to documentation on how to do resource over-rides?

Also is it not possible at all to render a font size based on say screen width with SVGs?

0 jim_m_58 over 4 years ago in reply to sigmoidx

https://developer.garmin.com/connect-iq/core-topics/resources/

It's really pretty simple. If you have a font folder under resouces, do the same thing under resources-round-240x240 with the fonts for that resolution.

And no, you can't scale custom fonts, even SVGs