Hi, I have created an app and on the canvas element I defined the Reference Resolution of x 800 y 600. I don’t want my menus to stretch, so I give them a preset of middle center or top left, never a stretch. But then, when I run my app on a screen that has a different aspect ratio then 4/3 I do ge…

Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc: [image] Inconsistent game object placement/size between two people Unity Engine It can be very fiddly but it is super-powerful once you reach comfort with the UI. Building upon Praetor’s great post above, l…

[image] Kurt-Dekker: Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc: https://discussions.unity.com/t/845782/4 https://discussions.unity.com/t/848795/5 Thanks for your reply. I looked on the second link you referred to. there you say " I usually set the CanvasScaler to Scal…

[image] Yishai_Q: only the background color may cover the whole screen, so that the aspect ration will be preserved, but I can’t find this property I usually make a FULL screen anchored at corner colored backdrop. Then the meat and potatoes of your game goes into a 9:16 aspect ratio inner bo…

[image] Kurt-Dekker: I usually make a FULL screen anchored at corner colored backdrop. Then the meat and potatoes of your game goes into a 9:16 aspect ratio inner box, fixed aspect ratio and contained within. This keeps you off the ends of the tall skinny phones while still filling them with c…

I ended up doing it with code, by keeping the aspect ratio of the safeAreaPanel fixed like this: private void RefreshPanel(Rect safeArea) { _rectTransform.SetAnchor(AnchorPresets.MiddleCenter); _rectTransform.SetPivot(PivotPresets.MiddleCenter); safeArea.width = Mathf.RoundToI…

And even this did not change the end result, still my UI elements are being stretched.

[image] Yishai_Q: how do I keep its aspect ration fixed? You really should endeavor to familiarize yourself with the API(s) you are using. One extremely powerful approach is to use Google. [8385051--1105950--Screen Shot 2022-08-23 at 5.38.22 PM.png]

[image] Kurt-Dekker: You really should endeavor to familiarize yourself with the API(s) you are using. One extremely powerful approach is to use Google. This Aspect Ratio Fitter object is keeping the panels aspect ratio, while fitting it into the parent object in varies ways. Not what I need…

The change I did in the player settings, fixed the problem on Android, but not on iPhone. if anyone has any idea what can possibly be the problem, any help would be appreciated.

problem solved, it wasn’t the Reset Resolution on window resize, this was just the simptom. I was using Screen.SetResolution to change the resolution, and it had conflicted with the resolution in the canvas and was causing this stretching, fixed it and everything is OK.

UI elements are stretching on wide screens

Unity Engine

Kurt-Dekker August 19, 2022, 1:51pm 2

Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc:

Topic		Replies	Views
Unity UI Scale With Screen Size Not Working With Aspect Ratios Unity Engine	4	6007	July 25, 2023
Aspect Ratio issues with UI in Unity Unity Engine Question	3	994	March 9, 2023
How to adjust settings for different aspect ratios? Unity Engine Performance , Question	9	7345	March 18, 2024
Adjusting the UI made for 16:9 on devices that are using 18:9 screens Unity Engine Beginner , Android , UI , Question , 6-0	1	182	January 27, 2025
UI in the same proportions regardless of the size of the screen? Unity Engine UGUI , Question	15	4795	January 15, 2025

UI elements are stretching on wide screens

Related topics