Hi! I am currently making a gui where you can buy skips. It looks like this:
I used autoscale lite to size it correctly and added UIAspectRatioConstraint to almost everything. The problem is, when I view it on mobile the buttons are all spaced out farther apart.
Mobile view:
Is there a way to fix this? Thanks!
I honestly see no difference between the two. But they look great in my opinion.
Please show hierarchy and also your button properties so we can help.
Also your UIAspect Constraint properties.
this is his ui bug
Scale it and size it on those specific ui’s.
Make use of UIAspectRatioConstraint, and use the first number in UiCorner instead of the second (you have to go into decimals)
Unfortunately, you can’t do that. Once you size it on once UI, say you size it on mobile, it will change for all of them.
I have been using autoscale lite and not changing it manually, so I haven’t done the decimal stuff. I used UIAspectRatioConstraint for everything.
There is no way to keep the scroll sliders the same size unfortunately. That’s the problem. The slider is too big which causes the gui to be messed up.
Also this giant gap here:
Change your aspect type to scalewithparent.
Im not really worried about the scroller part. Its this huge gap here that I don’t like:
It didn’t change anything. Thank you though!
Oh in the image I thought that’s the problem. Anyways just create a “holder” frame. This will keep it from moving positions to drastically. So create the frame and scale it down to your liking. Then put all the guis inside.
Remove UIAspectRatioConstraint, and convert size and position to scale. The scrolling bar will always stay offset, as that is roblox’s preset, so you can just set the scrolling bar size to 0.
I need everything in a scrolling frame though as there are multiple gui buttons that cannot be fit into a small frame.
The uiaspect constraint should be in the same hierarchy as the buttons, not as children of the buttons. Try that.
Already converted everything with autoscale lite. Im not worried about the scrolling bar, matter of fact I think it looks fine on mobile. Its the weird gaps in between the buttons that I don’t like.
Read what I said again, and ignore the scrolling bar part.
