Question by wpatel · Nov 29, 2018 at 09:14 PM · rotation ui layout

Modifying z Rotation of image in LayoutGroup

Hello,

I'm having difficulty with the LayoutGroup (Horizontal or Vertical) and having it contain a rotated image. Essentially, the LayoutElements are being scaled as desired but due to the z rotation, the x and y values need to be swapped. See picture below.

alt text

Images 1, 3 and 5 all have a z rotation of 90.
Images 2 and 4 have a z rotation of 0.

All images have a layoutelement.
Aside from Image 3, the minHeight = 200 and minWidth = 100. For Image 3, I swapped the values to see the result. The alignment is off but changing the LayoutGroup's Child Alignment Property to middle center gives the correct display for now.

My question essentially is, is there a "right" way of rotating images so that they are positioned and scaled properly within the LayoutGroup? This was a simple example just to illustrate my problem. The actual scene where I'm facing it is a bit more complex and simply adjusting the LayoutElement values through script is not working so well.