UI elements moving for seemingly no reason

[DoubleDigitDev]

I made this hacking UI for a mechanic in my game and one of the features is that panel labeled ‘stabilize’.
This panel moves around SOMETIMES in-game and I cannot figure out why. I have been keeping it in place with an animation but I ran into a roadblock which eliminated the option to keep using that workaround. The image below is how it is supposed to appear.

The image below is how it is when it moves in-game.

I have no idea why it’s doing this. I have checked that it is anchored correctly, and as I said I tried animating it to stay in place. Any suggestions are greatly appreciated!!

[Kurt-Dekker]

You should not need to animate it to hold it in place. In fact, depending on what property you animate, that might even be making it move!

UI should just stay where it is, barring something else moving it.

Common things that move stuff in a UI:

• layouts (GridLayout Group, HorizontalLayout, VerticalLayout, etc)
• anchoring / offsetting (or rather, mis-anchoring)
• animations
• code

For code, if you have a someOtherThingTransform. reference that you intend to use to move something else, and that script happens to be ON a UI item, but you inadvertently use transform. instead, then you might get weird things happening.

Finally, here’s some reading 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…

[DoubleDigitDev]

@Kurt-Dekker

You should not need to animate it to hold it in place. In fact, depending on what property you animate, that might even be making it move!

UI should just stay where it is, barring something else moving it.

Common things that move stuff in a UI:

• layouts (GridLayout Group, HorizontalLayout, VerticalLayout, etc)
• anchoring / offsetting (or rather, mis-anchoring)
• animations
• code

For code, if you have a someOtherThingTransform. reference that you intend to use to move something else, and that script happens to be ON a UI item, but you inadvertently use transform. instead, then you might get weird things happening.

Finally, here’s some reading on UI Anchoring, Scaling, CanvasScaler, etc:

https://discussions.unity.com/t/845782/4

https://discussions.unity.com/t/848795/5

Thank you for your reply!! I still have no idea why it is moving. I know it has something to do with the rigidbody connected to it. The mechanic relies on the rigidbody though so I cannot take it off. I Tried messing around with some settings but the only way that seems to be working is by animating it to return it to its x position. I did figure out a way that animating it works without conflicting with the mechanic, so I will keep using that workaround unless I find the root of the problem or discover a more efficient way to solve it.