koliemini
(Chessboard)
June 23, 2024, 2:19pm
#1
Hello!
Im trying to scale and position the UI for all Devices, however that does not seem to work
This is how its supposed to look:
and this is how it looks like on an iphone 14
Here are the properties of the white bar
Here is the properties of the logo
I’ve tried using both Scale and Offset, or only using offset or scale. none worked
3 Likes
awry_y
(ary)
June 23, 2024, 2:24pm
#2
Use a UIListLayout and make it horizontal. This will automatically, properly scale everything.
1 Like
koliemini
(Chessboard)
June 23, 2024, 2:26pm
#3
yeah but what about this?
1 Like
awry_y
(ary)
June 23, 2024, 2:27pm
#4
What do you mean by that? Can you explain more?
1 Like
koliemini
(Chessboard)
June 23, 2024, 2:28pm
#5
I want the logo to not to collide with the White Frame.
1 Like
awry_y
(ary)
June 23, 2024, 2:29pm
#6
Yeah so I told you to use a UIListLayout. Have you tried that?
1 Like
koliemini
(Chessboard)
June 23, 2024, 2:31pm
#7
the white frame and logo are supposed to be seperate.
1 Like
awry_y
(ary)
June 23, 2024, 2:35pm
#8
So adjust the padding of the UIListLayout then?
1 Like
koliemini
(Chessboard)
June 23, 2024, 2:37pm
#9
okay so this is the reference image.
The buttons are supposed to be close to the logo, no padding change. i just want the logo to stay in the same position as it is on a pc without it colliding into the white bar.
1 Like
awry_y
(ary)
June 23, 2024, 2:56pm
#10
Ohhhhh okay I got it now. I was heavily misunderstanding this at first. It’s weird though because when I tested it didn’t occur for me.
Maybe just remove the offset for the size?
1 Like
koliemini
(Chessboard)
June 23, 2024, 2:58pm
#11
offset for which? the topbar or the logo? when i use scale it won’t stay the same for all devices and will look weird.
The logo uses aspectratioconstraint
1 Like
koliemini
(Chessboard)
June 23, 2024, 3:00pm
#12
P:S if ur asking for the white bar, it already does use scale, though if i change it to offset the same thing will happen.
1 Like
uiaspectraidoconstant maintains the aspect ratio so it’s causing this issue, use uilisilayout parented to the blue bar.
2 Likes
koliemini
(Chessboard)
June 23, 2024, 4:47pm
#15
any idea how to get the logo and the white frame close together? sorry im new to uilistlayout lol
1 Like
awry_y
(ary)
June 23, 2024, 5:21pm
#16
Just like how I said, use the UiListLayout set it’s filldirection to Horizontal and adjust the padding to your likings.
1 Like
awry_y
(ary)
June 23, 2024, 5:22pm
#17
For the logo. Set it’s X size to 1. As you using aspect ratio, then no need for it to be limited.
If it now touches the white bar, then adjust the white bar accordingly.
1 Like
koliemini
(Chessboard)
June 23, 2024, 5:24pm
#18
Problem is that it won’t move the logo
1 Like
awry_y
(ary)
June 24, 2024, 4:20am
#19
Sorry for late response, was sleeping* anyways to fix this, use UIPadding and set it’s PaddingLeft to anything you find good.
3 Likes
system
(system)
Closed
July 8, 2024, 4:20am
#20
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.