Watchface + image background

Former Member over 9 years ago

Hi everybody!

Mi wife has a new Forerunner 235 and I want to install a new watchface with a photo of us in the background (it´s a surprise for she). I´m newbie in programming, but… well, I have installed Eclipse on my Mac, the Garmin Connect IQ plugin and created a basic digital watchface (round) capable to run under the simulator. But I don´t know what I need to insert in the code in order to load a image in the background (just like this https://apps.garmin.com/es-ES/apps/094f7340-029d-4dfb-95b8-3b39c5cc1ab3 but with my own photo).

Please, could any help me and post the code needed to load a background image file in my basic watchface?

Thank you in advance!!!!

jim_m_58 over 9 years ago

Hi everybody!

Mi wife has a new Forerunner 235 and I want to install a new watchface with a photo of us in the background (it´s a surprise for she). I´m newbie in programming, but… well, I have installed Eclipse on my Mac, the Garmin Connect IQ plugin and created a basic digital watchface (round) capable to run under the simulator. But I don´t know what I need to insert in the code in order to load a image in the background (just like this https://apps.garmin.com/es-ES/apps/094f7340-029d-4dfb-95b8-3b39c5cc1ab3 but with my own photo).

Please, could any help me and post the code needed to load a background image file in my basic watchface?

Thank you in advance!!!!

If you use layouts, create a new widget in eclipse using the template. It has an image in the background to show you an example.

Without layouts, you can also just add the picture as a bitmap in the resource file, load it in onLayout() with something like this -
wp = Ui.loadResource(Rez.Drawables.id_pic);

and then draw it using dc.drawBitmap() right after you clear the screen. That's what I do here:

https://apps.garmin.com/en-US/apps/b31a171a-0c9f-4ede-aba9-19287e354367

The hard part might be finding a picture that works. I found that it's better if the picture is very bright.

The picture will look different on the watch than in the simulator, so you want to check it there.