How to add button in scroll View using script in unity

Question

I am new to unity and am using unity 2020.3.26f1 . I am receiving an array of names from server. I want to make buttons dynamically using those names inside scroll view using c# script and assign on Click() that simply prints the name of button when its clicked. I just don't know how to create button dynamically. Following is the script I have attached to scroll View;

public string allNames; 

void Start()
{
    StartCoroutine(getNames());
}

IEnumerator getNames()
{
    UnityWebRequest www = UnityWebRequest.Get("http://localhost:8080/names");
    yield return www.SendWebRequest();

    if (www.result != UnityWebRequest.Result.Success)
    {
        Debug.Log(www.error);
    }
    else
    {
        allNames = www.downloadHandler.text;
        allNames = allNames.Replace("[", "");
        allNames = allNames.Replace("]", "");
        allNames = allNames.Replace("\"","");

        string[] separatedNames = allNames.Split(',');
        for (int i = 0; i < separatedNames.Length; i++)
        {
            Debug.Log(separatedNames[i]);
            //make buttons here and attach them to scroll View
        }
    }
}

Muhammad Ahmed · Accepted Answer · 2022-02-07 07:12:04Z

I found a video that applied @ShafqatJamilKhan suggestion. Posting my code here for reference.

//content reference of scroll view
[SerializeField] Transform contentPanel;

[SerializeField] GameObject buttonPrefab;

void Start()
{
    StartCoroutine(getNames());
}

IEnumerator getNames()
{
    UnityWebRequest www = UnityWebRequest.Get("http://localhost:8080/names");
    yield return www.SendWebRequest();

    if (www.result != UnityWebRequest.Result.Success)
    {
        Debug.Log(www.error);
    }
    else
    {
        string allNames = www.downloadHandler.text;
        allNames = allNames.Replace("[", "");
        allNames = allNames.Replace("]", "");
        allNames = allNames.Replace("\"","");

       // prefab button y position and yPosition should be the same.
        float yPosition = 115;

        string[] separatedNames = allNames.Split(',');
        for (int i = 0; i < separatedNames.Length; i++)
        {
            GameObject button = (GameObject)Instantiate(buttonPrefab);               
            string name = separatedNames[i];
            button.GetComponentInChildren<Text>().text = name;

            button.GetComponent<Button>().onClick.AddListener(
                // your function whatever you want to do
                () => { customFunction(name); });

            // applying y positions so the buttons dont overlap

            button.transform.SetPositionAndRotation(new Vector3(0.0f, yPosition, 0.0f), new Quaternion(0.0f, 0.0f, 0.0f,0.0f));
            button.transform.SetParent(contentPanel,false);
            yPosition -= 35;
        }
    }
}

Shafqat Jamil Khan · Accepted Answer · 2022-02-07 05:48:03Z

1

Make a nice button and save it as prefab.
Instantiate it or Pool it.

Add onClick events.

GameObject buttonPrefab;

 void MyAwesomeCreator()
 {
     GameObject go = Instantiate(buttonPrefab);
     var button = GetComponent<UnityEngine.UI.Button>();
     button.onClick.AddListener(() => FooOnClick());
 }
 void FooOnClick()
 {
     Debug.Log("Ta-Da!");
 }

Copied from Unity Forum

answered Feb 7, 2022 at 5:48

Shafqat Jamil Khan

1,0371 gold badge9 silver badges17 bronze badges

2 Comments

Muhammad Ahmed Over a year ago

how will this button be attached to the content area of scroll View?

Shafqat Jamil Khan Over a year ago

You also need to get reference of content area in script and make new button child of that.

Collectives™ on Stack Overflow

How to add button in scroll View using script in unity

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related