Scaling problems + Preserve Aspect

Unity Engine
1

One problem I have encountered is having my screen scale to resolutions of different aspects. I have a certain element which contains children, this element needs to preserve aspect ratio. First issue is this is only available (as far as I know) to Images, which is okay until now because the element in question is actually an Image. This, however, doesn’t solve the problem. If I check the option to preserve aspect ratio, the child elements don’t anchor correctly. If I leave it unchecked, the anchors work fine, but the final UI element becomes distorted.

I’ve attached sample images to show precisely what happens. The first image is how I have set up my UI element, the other 2 are how they look on a wider aspect ratio, for example, with and without “Preserve Aspect” marked on the parent Image. The image’s aspect is preserved, but the UI element’s scale isn’t, which doesn’t allow the proper anchoring, as far as I have tried.

Any ideas on how to get this working properly?

1877919--120759--ui-1.png
1877919--120760--ui-2.png
1877919--120761--ui-3.png

2

If you want all of the UI to scale this way, maybe this page in the manual can help:
http://docs.unity3d.com/Manual/HOWTO-UIMultiResolution.html

Otherwise there is also this:
http://docs.unity3d.com/Manual/script-AspectRatioFitter.html

I really recommend you browse the various pages in the UI section of the manual a bit, since I’ve noticed you’ve been asking a few different questions that are already answered in the docs. :slight_smile:

3

I’ll check those out, thanks for the links. I did navigate a bit through the manual, but I have found the whole UI system (documentation included) a tad obscure compared to NGUI (which I’m used to and may be the cause of my adaptation issues). I’m sorry about asking questions that are covered in the documentation though, I do recognize it is my fault.