How do I fix this problem with icons/imagebuttons?

Help and Feedback Art Design Support
#1

Hi there,

I have a GUI I am making for my product. I’ll show you it here:

image
image745×518 161 KB

If I look at it on an iPhone X for example, this happens:

image
image1060×637 174 KB

It is automatically ‘scaled’ with AutoScale Plus. How do I fix the weird stretching issue?

Thanks.

#2

Set ScaleType to fit for icons, and use constraints for UI scaling, just scale is not enough

#3

You need to add a “uiaspectratioconstraint” to everything with children. For example, put a constraint inside the main frame but not inside the images/text labels since they (probably) dont have any children inside of them. If you need more help with the constraints go check out the devforum post about the plugin.