Anchor image to center bottom, shrink uniformly to match the screen width. (TextureRect)

torotantu

Can someone instruct me on this? I've managed to accomplish everything in GUI so far except shrinking this textureRect image to fit the width of the window. Image is large so that it looks pretty when the screen is maximized, but it's too zoomed in when you shrink the window. I can expand things easy, but I can't seem to shrink it.

This image explains what I'm trying to do.

Calinou

You shouldn't have to resize UI elements manually to adapt to multiple resolutions. Instead, use anchors, containers and the 2d stretch mode as explained in the Multiple resolutions documentation.

As for shrinking a TextureRect node, you need to enable its Expand property and choose an appropriate scale mode.