UI Image: Using Sprite's pivot on the RectTransform

Question

I'm creating a game, where I load sprites to UI Images on a canvas. When placing a UI Image, I need to set the pivot of it's RectTransform, so it matches the pivot of the sprite.

It seems like an obvious thing to do, but I can't get it to work.

Is that somehow possible?

I tried the following, with little luck:

     GetComponent<RectTransform> ().pivot = GetComponent<Image> ().sprite.pivot;

Any help is most welcome :-)

Answer 1

Answer by Chaky · Jan 18, 2016 at 12:51 PM

Sprite.pivot info is by pixel, no percentage, which UI RectTransform uses. This is the script I use to do this conversion.

Vector2 size = GetComponent<RectTransform>().sizeDelta;
Vector2 pixelPivot = GetComponent<Image>().sprite.pivot;
Vector2 percentPivot = new Vector2(pixelPivot.x / size.x, pixelPivot.y / size.y);
GetComponent<RectTransform>().pivot = percentPivot;

Add comment · Share

Answer 2

Answer by robal1991 · Mar 31, 2016 at 09:59 AM

Sometimes your sprite has also custom value of pixels per unit set. In that case you do:

 Vector2 size = imgObj.GetComponent<RectTransform>().sizeDelta;
 size *= imgObj.GetComponent<Image>().pixelsPerUnit;
 Vector2 pixelPivot = imgObj.GetComponent<Image>().sprite.pivot;
 Vector2 percentPivot = new Vector2(pixelPivot.x / size.x, pixelPivot.y / size.y);
 imgObj.GetComponent<RectTransform>().pivot = percentPivot;

Add comment · Show 1 · Share

mhmtbtn · Mar 16 at 12:05 PM 0

Share

 size *= imgObj.GetComponent<Image>().pixelsPerUnit;

Answer 3

Answer by makspll · Apr 20, 2020 at 08:54 AM

I know it's an old answer but here is a one liner:

 yourRectTransform.pivot = yourSprite.pivot / yourSprite.rect.size;

@TobyKaos 's answer is close but the pivot returned by the sprite is in pixels, and rectTransform's is in "normalized" form i.e. expressed as a fraction of the total width/height of the

Add comment · Share

Answer 4

Answer by TobyKaos · Oct 01, 2015 at 12:05 PM

I think you should do:

 myObject.GetComponent<RectTransform>().pivot = new Vector2(myObject.GetComponent<Image>().sprite.pivot);

It is like when you want to set a new position you must create a new Vector3. Here a Vector2

Add comment · Share

UI Image: Using Sprite's pivot on the RectTransform

4 Replies

Your answer

Follow this Question

Related Questions