Hi,
I am writing a watchface where I would like to be able to denote a height by partially filling the numbers dynamically. I've used the basic principle as described here (https://developer.garmin.com/connect-iq/connect-iq-faq/how-do-i-use-custom-fonts/) to develop my code :
// Draw base colour time
dc.setColor(Graphics.COLOR_BLUE, Graphics.COLOR_TRANSPARENT);
dc.drawText(screenCentreWidth, (timeLabelRow - (dc.getFontHeight(timeFont) / 2)), timeFont, timeString, Graphics.TEXT_JUSTIFY_CENTER);
// Draw white box, leaving tide height portion in blue
dc.setColor(Graphics.COLOR_WHITE, Graphics.COLOR_TRANSPARENT);
dc.fillRectangle((screenCentreWidth - (timeStringLength / 2)), (timeLabelRow - (dc.getFontHeight(timeFont - 3) / 2)), timeStringLength, tideFillPortion);
// Redraw time overlay
dc.setColor(Graphics.COLOR_TRANSPARENT, Graphics.COLOR_BLACK);
dc.drawText(screenCentreWidth, (timeLabelRow - (dc.getFontHeight(timeFont) / 2)), timeFont, timeString, Graphics.TEXT_JUSTIFY_CENTER);
However, when testing using the simulator I get differing results depending on the device.
For example the Fenix 7 gives the result I was hoping for but for Fenix 8 the white box remains on top of the text
I'm not sure whether this is a bug in the simulator or different behaviour between devices, does anyone have any suggestions?
I can share screenshots from the simulator if that helps
Thank you