Trying to make a square shape but failed when looking it on mobile

It worked, but now it looks like this.
image

See the white square outline? I want it to extend till the edge of the frame outline which will be something like this.

image

you can set the anchorpoint to 1,.5 and then change the position to {1,0},{.5,0}

Didn’t work… come on. We are almost there!

that would probably mean the frame is not the size of the blue bar. so you might need to fiddle around with it for a bit. you simply cannot get the UI right first time

The blue bar is the frame tho.

ic, i misread it. you’ll need to scale with the Y axis, and then set the Xoffset using that, or use one of those UIAspectRatioConstraints, and set the dominant axis to Y

Since UIAspectRatioConstraints is better, I’m using that. Well thanks for helping me tho!

1 Like

i usually make a ā€œMainā€ frame and make it transparent then make the anchor point to somewhat close to the side i want the ui attached to (in ur case it would be 0.5,1 as it is in the middle bottom) then make the size 1,0,1,0 and position it in the middle of the screen and put everything in it.
then i convert every ui element to scale in position and size with the AutoScale plugin then select the ā€œMainā€ frame and add a constraint, again with the AutoScale plugin. hope it helps!
(sry if it’s a bit unclear. i’ll try to explain more in detail if u want)