Standard Icons in IconMenuItem

Hi!

I have been reading about how icons could be implemented in an app. However, the advice seems to be to use icons as a font, as it would require less memory and would be faster. I found this https://github.com/sunpazed/garmin-iconfonts git with only the svg/ttf files for default Garmin icons as referred to in some posts on this forum. However, I would like to use an IconMenuItem in my app, which requires a Toybox::WatchUi::Drawable as the icon resource. How can these default Garmin icons (as provided in svg or ttf files) be used in this IconMenuItem? Or in other words, what are the steps to get a drawable from those files?

Thanks in advance!

Best regards,

Top Replies

jim_m_58 over 4 years ago +1 verified

The way I would do it (and I do use franco's fonts -I'm on windows) is use BMFont to create a font the size you want, saving it as a png, and then copy the icons you want out of that png into their own…

All Replies

+1 jim_m_58 over 4 years ago

The way I would do it (and I do use franco's fonts -I'm on windows) is use BMFont to create a font the size you want, saving it as a png, and then copy the icons you want out of that png into their own png, color them as you want and save them.

0 7564012 over 4 years ago in reply to jim_m_58

Thanks for your response. How does this solution scale over different devices? Will the icons remain clear and have the same relative size? What should the height x width of the png be in order to make it look right inside this iconmenuitem?

0 jim_m_58 over 4 years ago in reply to 7564012

Not sure what the size is for use on a IconMenuItem, but you can set the height in bmfont. Worst case is you might need to try a few different sizes.