Image UI wont go to it's set location

Unity Engine
1

I have an UI image that I made expand to around 20% of the screensize, and now im trying to set it’s location to the bottom right with a small gap (1% of the screensize)

1363×659 69.9 KB

I’ve manage to set the scale but not the location. I’m not sure what im doing wrong but I even tried debugging why it doesn’t set it but even that gave me contradictions.

1366×683 88.4 KB

in console pos x is different than pos x in Rect Transform, and is also not The supposed pos x that I want to set it as.

Here is the code for a more clear understanding of whats going on:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class scalePic : MonoBehaviour {

    private Vector3 scaleVector;
    private RectTransform rec;
    private float posx;
    private float posy;
    private double scale;

    void Start () {
        rec = GetComponent<RectTransform>();
        scale = (20d * Screen.height) / (100d * rec.rect.height);
        scaleVector = new Vector3((float)scale, (float)scale, 1);
        rec.localScale = scaleVector;
        posx = 0 - (((rec.rect.width * rec.transform.localScale.x) / 2) + (Screen.width / 100));
//This does not work
        rec.rect.position.Set(posx, rec.position.y);
//this gave me different results from Rect Transform
        Debug.Log("posx :" + rec.rect.position.x + ", supposed posx: " + (0 - ((rec.rect.width * rec.transform.localScale.x / 2) + (Screen.width / 100))));
    }

    void Update () {
        scale = (20d * Screen.height) / (100d * rec.rect.height);
        scaleVector.Set((float) scale, (float)scale, 1);
        rec.localScale = scaleVector;
    }
}

I have a good feeling this is due to the anchors being present but if its the case I have no clue how to deal about that.

2

The positioning of UI elements is very complex.
When I have to do it, I normally do it via anchors. so I would set the Anchor Min and Anchor Max to the same value (right botom would be { 1, 0 }) and the local position to zero. You can adjust the distance to the anchors with the pivot.

BTW, scaling within UI is often not a good idea. for a simple image it is okay. but as soon as you want to do more layouting, scale will screw up your whole setup. The RectTransform uses sizeDelta for the size which takes layout settings into account.

EDIT: Why do you set the scale every frame? You don’t change it…
What is the script for actually? Do you just want to be reloution independent? Then click on Better UI in my signature and watch the third video. You don’t have to buy Better UI, but the video also describes how you can achive it with unity itself.

3

The reason I tried what I did is because for some reason, anchoring seems to not work with different aspect ratios.

Look at my native screen display

vs a typical 3:2 ratios, they don’t seem to respect distance.

Why is that?

Answer to your edit: I was only testing it so that it updates every time I change resolutions, which for simplicity’s sake I simply putted it in update. The script itself is mainly for 2 things:
1: It was for anchoring the image properly to the bottom right
2: scaling it up to the right screen size.

Using anchors I can only seem to be able to do one of the 2, not both at the same time.

4

the problem is that your anchor is on one certain position and your graphic has a pixel distance between that position and the pivot point. when you change your resolution the pixel distance stays the same.
so you need relative distances.
there are two ways to achieve that:

  1. do it like in the video and surround the image with the anchors:
    https://www.youtube.com/watch?v=0SPaGGQPz1s

  2. move the pivot point to the anchor position so that the Pos X and Pos Y is zero (this solution will not resize your graphic, the other will)

5

The second option did it for me. I should of thought that the pivot could of been used like that. Smh. Thanks though :slight_smile: