How to calculate the prefab scale size to fit automatic to a ui slider height?

News & General Discussion
,
1

In the method CreateMarks i create marks on a ui slider and then set the marks size to fit it on the slider height. but instead settings the size manual i want to set it automatically.

void CreateMarks()
{
    RectTransform sliderRect = slider.GetComponent<RectTransform>();

    // Calculate the width of each step on the slider
    float stepWidth = sliderRect.rect.width / (objectsToMove.Count + 1); // +1 to avoid overlapping at edges

    for (int i = 1; i <= objectsToMove.Count; i++)
    {
        // Instantiate a mark
        // Find the Handle Slide Area within the slider
        Transform handleSlideArea = slider.transform.Find("Handle Slide Area");

        // Instantiate the prefab as a child of the Handle Slide Area
        GameObject mark = Instantiate(markPrefab, handleSlideArea);

        SetMarKSize(mark, sliderRect.rect.height);

        // Set the sibling index of the instantiated prefab to be before the Handle
        // Assuming "Handle" is the last child, we place mark before it
        mark.transform.SetSiblingIndex(handleSlideArea.childCount - 2);

        RectTransform markRect = mark.GetComponent<RectTransform>();

        // Position the mark at the corresponding step position
        markRect.anchoredPosition = new Vector2(stepWidth * i - (sliderRect.rect.width / 2), 0);
        marks.Add(mark);
    }
}

private void SetMarKSize(GameObject mark, float size)
{
    mark.transform.localScale = new Vector3(size * 0.01f, size * 0.01f, 1);
}

this screenshot show the marks after changing them with the script.

I know that in this case example the slider height is 20 so * 0.01 it’s making each mark object scale 0.2 on the x and y.

i know that 0.1 is the right scale. but i don’t want to make it manual i want that no matter what size i change the slider the marks will fit automatically.

I tried this in the method SetMarKSize:

mark.GetComponent<RectTransform>().sizeDelta = Vector2.one * size;

but thew result is that the marks the ui images on the slider bit bigger.

you can see in this screenshot that each mark image on the slider is scale size 1 , 1 , 1

I put the image screenshot in this link because i’m new user and can’t upload media: Imgur: The magic of the Internet

but i found that in this case where the slider height is 20 and the slider scale is set to 1 , 1 , 1 then each mark image scale size should be 0.5 . 0.5 , 1

Imgur: The magic of the Internet

the problem is how to fit the marks ui image prefab automatic to the slider size ? not manual like i did.

2

Oh my … without fully understanding neither the problem nor solution my gut feeling tells me: IT’S A TRAP!! It’ll drain your life, you’ll waste so much time, and it’ll never work to satisfaction (such is life with UGUI).

Please, since you just seem to start out with GUI, just ditch UGUI and start to use UI Toolkit. Caveat: UITK won’t work as worldspace GUI though.