Proper way to center a game object into an UI image?

Questions & Answers
1

Hi guys, I’m currently trying to center a game object into an UI image, the thing is, I can’t figure out how to do it, I’ll try to explain with screen captures.

I have an image that acts as the container of the game object, not in the hierarchy though, and that container is not in the center of the screen but slightly more at the right. What I want is to place that game object in the center of the image.

83931-1.jpg
83931-1.jpg1186×642 183 KB

If I put the game object in the position of the rect transform of the image then it gets centered as you can see below.

var container = GameObject.FindGameObjectWithTag("AvatarContainer").GetComponent<RectTransform>();
gameobject.transform.position  = container.position;

But it does not matches from the camera view, it is even outside of the camera space. How can I get the correct position?

Thanks guys!

83938-f.jpg
83938-f.jpg1185×1286 238 KB

2

Use Camera.ScreenToWorldPoint

Example:

// Let's find a position (it will be position in pixels on the screen)
Vector3 containerPosition = GameObject.FindGameObjectWithTag ("AvatarContainer").GetComponent <RectTransform> ().position;

// Project screen position to world position using specific camera (main camera in this case)
float DesireDistanceFromCamera = 5;
gameobject.transform.position = Camera.main.ScreenToWorldPoint (new Vector3 (containerPosition.x, containerPosition.y, DesireDistanceFromCamera));

Upd: 2 on project folder (Unity 5.5)