Connect IQ

Connect IQ App Development Discussion Widgets and Icons

Widgets and Icons

jim_m_58 over 10 years ago

Maybe this is something I've missed, or maybe this is a feature request!

With CIQ widgets (I only have seen the vivoactive so have no idea with other devices), when you swipe to them, you always see the "IQ" icon. If you only have one widget loaded, this might not be an issue.

But if you have more than one, as you swipe through, it's the same icon for all of them, and easy to stop on the wrong one. Is there something that can be set in a widget so a proper icon is displayed?

Using an icon would make it easier for end users, IMHO...

Former Member over 10 years ago

The new f4 will have a shorter delay ;) and new uncompromised features like menu in watchface ;) On this same hw ;)

Former Member over 10 years ago

So what are the specs for an icon? I haven't been able to find anything in the docs. A user sent me a pic of his Fenix, which looks to me to display a 48x48 icon. So I'm thinking of replacing the standard launcher icon with a custom 48x48. Should work right?

jim_m_58 over 10 years ago

There is another thread here where I asked about the proper size for an APP icon and it's defined per device in devices.xml in the SDK/bin directory, IIRC. For the va it's 61x43 pixels, IIRC..

Former Member over 10 years ago

Brilliant. Cheers Jim

Former Member over 10 years ago

So for others looking, according to devices.xml. W x H
Square watches 61 x 43
Round watches 40 x 40
920XT 65 x 65 - Although doesn't appear to use an icon.

jim_m_58 over 10 years ago

(I probably shouldn't tell you this, but on the vivoactive an app icon that is only 50 pixels wide seems to look better than one that is 61 pixels wide, but that's just between you and me, and we won't tell the CIQ folks, ok? :) )

Former Member over 10 years ago

Care to hazard a guess as to why? Eg, does a larger one get scaled down? Is it an alignment issue?

jim_m_58 over 10 years ago

It seemed to be an alignment thing, but I didn't really look into it, and just made the icon smaller instead... They don't get scaled down at least on the va, but would overflow the area they were meant to be in in....

Former Member over 10 years ago

Sounds like a 40 x 40 might be a pretty good size for all devices. Ya think?

Former Member over 9 years ago

Widgets and Icons

Looking into this a bit the provided size of 61x43 is the correct size of the space you are allowed to use with your icon on a vivoactive. If you use all of the space your icon will probably look a bit large as the system apps either have built in padding or the vast majority of the icon is in the center of the 61x43 canvas. I created an issue to add some documentation to the User Experience Guide about best practices when creating icons.

My recommendation would be to create icons for the vivoactive that are no more than 40 pixels high or 45-50 pixels wide but then again I'm not a designer either. ;)