Centering bitmap on screen

Mike 7 months ago

I have the following bitmap element in `layout.xml`:

`<bitmap id="image" x="center" y="35" filename="../drawables/logos.svg" scaleX="18%" scaleY="18%" scaleRelativeTo="screen"/>`

Despite `x` being set to `center` only about a quarter of the image is to the left of the center line, the other three quarters are to the right of center.

Do you know what might be causing this?

Top Replies

flocsy🤠 7 months ago +1

x="center" IMHO means that the left side of your image is put to the horizontal center of the screen, which would explain why "most" of the image is on the right side of the centerline, though I still…
Mike 7 months ago in reply to flocsy🤠 +1 verified

Thanks for the detailed answer flocsy . I've just investigated further and the SVG has white space inside the left of it so the bug is nothing to do with CIQ.

All Replies

0 flocsy🤠 7 months ago

x="center" IMHO means that the left side of your image is put to the horizontal center of the screen, which would explain why "most" of the image is on the right side of the centerline, though I still don't understand why some part of it is on the left side... Maybe that has something to do with the scaling? Can you try how it looks (in terms of horizontal centering) if you remove the scaling?

Another thing I would check (and I had exactly this issue) is if the drawing on the image starts at the edge of the image, or is there some margin around it? I'd remove such margin, as it also probably makes the image smaller (in bytes) and makes positioning easier.

Also check the scaling. While you do scale on both the X and Y axis, when you only have one of them, then it adds a strange margin on the other axis (contrary to what is stated in the documentation, and I also opened a bug about it recently: https://forums.garmin.com/developer/connect-iq/i/bug-reports/bug-scalex-scaley-on-bitmap-doesn-t-work-as-documented-when-only-one-of-them-is-given ) so maybe there are other bugs in this area...

+1 Mike 7 months ago in reply to flocsy🤠

Thanks for the detailed answer flocsy🤠 . I've just investigated further and the SVG has white space inside the left of it so the bug is nothing to do with CIQ.