Hi!
There’s a lot of tutorials/posts about scaling GUI correctly for all devices, but all of them are only about Frames or TextLabels. When using ImageLabels or ImageButtons, I always use the scale type “fit”, so that the images don’t get distorted. But often the image does not fill the full ImageLabel:
The ImageLabel proportions are set to this:
size: 0.6,0,0.6,0
position: 0.2,0,0.2,0
The BackgroundColor (white), shows where that ImageLabel is. But because the scale type of the image is set to “fit”, the image does not fill up the the whole frame. And when I want to have other GUI elements like a TextLabel line up with the image, this is very hard, because they use the dimensions from the ImageLabel, and not from the “fitted” image.
In these two pictures, all GUI is the same, but if I change the device, it looks completely different:
So sorry for the long build-up, but my question is: What are the best ways to work around this? (a different ScalingType, UiAspectRatioConstraints, AnchorPoints or something else I didn’t think of)