[SOLVED] After updating to 2022, why does my UI always look like this on launch?

[FusionScott]

For some reason when I first open my project my UI looks like this. If I run it once then stop it, the UI goes back to normal. If I close Unity and reopen, it goes back to the weird view with the red X’s. Ideas?

[Kurt-Dekker]

Red X is usually just anchoring errors that have turned a RectTransform inside out.

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

Inconsistent game object placement/size between two people

It can be very fiddly but it is super-powerful once you reach comfort with the UI. Building upon Praetor’s great post above, let me suggest this approach: make a quick first draft of your UI. in the Unity game window change the shape / dimensions of your Game window (you can even make your own resolutions) see what happens to your UI in this new shape window iterate and fix your anchors and scalings and whatnot Make sure you do not overlook the Canvas Scaler settings. Personally I (almost) …

SOLVED: Game UI Button Size problem

That seems excessive… What is the text of the actual complaint from them? Make something like this with a fixed aspect ratio (in this case 2:1, maybe you need 3:1 or whatever suits your buttons), and ALL your buttons anchored inside it to never move within that box: [7337383--891847--fixed_aspect_ratio_box.png] then anchor that fixed against the bottom center (red dot below). On the ipad it looks like: [7337383--891850--ipad.png] on the iPhone it looks like: [7337383--891853--iphonex.pn…

Usually you need to choose a suitable ScaleMode and MatchMode in the Canvas Scaler and stick with it 100%. Generally if you change those settings you will often need to redo your UI entirely.

I also use this CanvasScalerOrientationDriver utility to make sharing UI for Landscape / Portrait easier. Read what it does carefully.

https://gist.github.com/kurtdekker/8802b1b6c708637398f8c9167641efd3

[FusionScott]

This has just gotten worse. And now I’m getting this error over and over until I run and stop again. I don’t see anything that would be “inside out”. I don’t even know what ScaleMode or MatchMode are so I’m pretty sure I haven’t changed that. I’m not using portrait, this is only a desktop app.

Assertion failed on expression: 'IsFinite(distanceForSort)'

[FusionScott]

I found the Canvas Scaler on both the canvases in my scene. Both are set to “Contstant Pixel Size”.

[FusionScott]

Here are the properties for both canvases in my scene.

[msfredb7]

@FusionScott

Here are the properties for both canvases in my scene.

Which version of Unity are you on? You can try updating to 2022.3.5f1. I know there were some UI-related fixes.

[FusionScott]

So there are two things happening.

1. The canvas size is 0,0 when I launch Unity. In addition to running the project, I can also simply switch to the “Game” tab. Once this is done, the canvas size is correct.
2. Some properties are reverting when I close and reopen Unity.

This seems to be a Unity bug. It is reproducible. Here is a video of the issue:

unity canvas bug

[FusionScott]

@msfredb7

Which version of Unity are you on? You can try updating to 2022.3.5f1. I know there were some UI-related fixes.

Thank you. Downloading now.

[FusionScott]

Updating to 2022.3.5f1 fixed the problem immediately.