How do i fill in the blank spaces of the gui


image

how do i fill in the transparent spaces in the gaps of the frame, so that the gaps in the sides are black, the tv frame itself has the scale type set to fit.

ive tried using frames but that didnt work

(fyi i’d like to scale the frame in the future and be able to change the size of the frame.)

lmk if you can help, thanks!!!

Don’t set the scale of the first frame to fit the screen. Instead, make the size of the first frame 1, 0, 1, 0, then insert an aspect ratio constraint that has the aspect ratio of your TV image with the dominant axis set to Y.

Then, under the first frame, add 2 more frames:

Frame1:
AnchorPoint: 0, 0
Position: 1, 0, 0, 0
Size 1, 0, 1, 0

Frame2:
AnchorPoint: 1, 0
Position: 0, 0, 0, 0
Size 1, 0, 1, 0

Here is some UIListLayout trickery.
All you have to do is set UIAspectRatioContsraint to the ratio of width to height of your image.
https://i.gyazo.com/5b72bb987e0d9cddcc470122e3c3c017.gif

how do i do this exactly, like where do i put the uiaspect, thanks

oh wait nvm i figured it out, tysm