UGUI動態生成列表功能實現（增刪保存）

在UGUI 里不免會有一些列表需要生成和顯示。例如最簡單的增、刪、改、查等都需要列表的變化。本文只講增、刪、保存、清空UGUI配合的變化方法。

下面以實現場景里角色的實時位置的增加、刪除、保存為案例開講。

先看一下實現增加效果圖：

 

 

首先是UI的制作，這個比較簡單，之前講過的，可以參考：http://blog.csdn.net/alayeshi/article/details/50240075

下面圖片是整個列表的核心--grid和其子物體，grid就是生成所有子物體的父物體，而這些子物體就是新生成的列表里的每一行，在grid上規定好子物體的寬度和高度，然后加上Generaterecord腳本。

 

下面實現增加功能：

點擊按鈕增加一個grid的子物體，也就是新增加列表里的一行。gridlayoutgroup 是會自動排布好你增加出來的子物體。所以我們只需要寫增加物體的代碼就好。

而增加的方法其實就是在整個代碼里的生成子物體的方法Generategrids（）。在這個方法里不要忘記每增加一個gird的子物體都要將gird的高度增加，所以有了這句代碼：

this.gameObject.GetComponent<RectTransform>().sizeDelta = new Vector2(this.gameObject.GetComponent<RectTransform>().sizeDelta.x, this.gameObject.GetComponent<RectTransform>().sizeDelta.y + this.GetComponent<GridLayoutGroup>().cellSize.y + this.GetComponent<GridLayoutGroup>().spacing.y);

刪除的操作：

 

因為刪除是多選刪除，每次刪除列表里的個數不確定，所有我們要給一個標記，因此會看到下圖中會有一個toggle。如果Toggle是被選中的狀態並且點擊了刪除按鈕那么列表里所有被選中的行都會被刪除。在代碼里需要一個list來保存所有被添加進來的子物體們，在刪除時要遍歷他們，然后根據toggle的狀態決定這些子物體中那些要被刪除，刪除要destroy被選中的物體，還要把list里的對應的移除掉，以及把grid的高度改變。整個方法在代碼里是Destroyselfs（）整個方法。

 

下面實現保存的方法：

保存我們用unity自己的方法 PlayerPrefs.SetInt（）；原理很簡單，它里面的兩個參數分別是一個key，一個value。根據key來判斷value。例如： PlayerPrefs.SetInt("存儲個數", gridlist.Count);如果“存儲個數”整個字符串是存在的那么就可以獲得gridlist.count整個value。所以我們在保存的時候要保證key是不同的。然后當下次運行時就根據key來判斷，然后加載那些value並且顯示到列表的行中。

具體要看以下代碼：

 

下面是以上增刪保存的全部的代碼：

 

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
 
public class generaterecords : MonoBehaviour
{
    public Button ADD, Delete, Save, Clearsave;
    private string gridpath;
    private GameObject gridrecord;
 
    string positions;//用來解析位置信息
    Vector3 personpositions;//坐標位置
 
    List<string> postionlist = new List<string>();//保存grid里面的文字      
    List<string> describepositionlist = new List<string>();//位置前的文字描述
 
    List<GameObject> gridlist = new List<GameObject>(); //用來存儲grid下的對象
    GameObject go;//生成的grid子物體   
 
 
 
    string loadpositions;//加載的位置信息
    string loadstring;//加載位置信息對應的文字
    // Use this for initialization
    void Start()
    {
        ADD.onClick.AddListener(Addposition);
        Delete.onClick.AddListener(Deletposition);
        Save.onClick.AddListener(Saveposition);
        Clearsave.onClick.AddListener(Clearall);
 
 
        gridpath = "backup/gridcontent";
 
        gridrecord = Resources.Load(gridpath, typeof(GameObject)) as GameObject;
 
        if (gridrecord != null)
        {
            Debug.Log(gridrecord.name);
        }
 
        //清空位置的list
        postionlist.Clear();
        //清空物體list
        gridlist.Clear();
        ///初始化加載grid物體個數
        ///
        if (PlayerPrefs.GetInt("存儲個數", 0) > 0)
        {
            Debug.Log("獲得到存儲的個數是" + PlayerPrefs.GetInt("存儲個數", 0));
 
            //遍歷存儲的個數,並生產grid物體
            for (int i = 0; i < PlayerPrefs.GetInt("存儲個數", 0); i++)
            {
 
                Debug.Log("獲得的當前存儲key是" + i);
 
                //獲取保存的位置數據--以備填充到grids物體里
                ///通過key來進行獲取數值，key一定是從0開始的，只要最后小於存儲個數（也就是list.count）一位就OK，
                ///而該for循環里的i也是從0開始的所以正好
 
                if (i < PlayerPrefs.GetInt("存儲個數", 0))
                {
                    loadpositions = PlayerPrefs.GetString(i.ToString(), "沒有該key呀");
                    Debug.Log("獲取的內容；" + loadpositions);
                    postionlist.Add(loadpositions);
 
                    loadstring = PlayerPrefs.GetString(i.ToString() + "describe", "描述位置的文字");
                    describepositionlist.Add(loadstring);
                }
 
                //生成grids物體
                Generategrids();
 
            }
        }
        else
        {
            Debug.Log("存儲次數竟然為" + PlayerPrefs.GetInt("存儲次數", 0));
        }
 
    }
    //添加方法
    void Addposition()
    {
        //主角位置信息獲取
        personpositions = GameObject.Find("FPSControllermine").transform.position;
        positions = personpositions.ToString();
        Debug.Log("主角位置：" + positions);
 
        Generategrids();
 
        //生成文字位置
        Generateposition();
    }
 
    //delet方法
    void Deletposition()
    {
        Destroyselfs();
    }
    ////保存的方法
    void Saveposition()
    {
        Debug.Log("描述文字：8888");
        if (gridlist.Count > 0)
        {
            for (int i = 0; i < gridlist.Count; i++)
            {
                Debug.Log("描述文字：qqq");
                //存的描述的文字不能是空和“”
                if (gridlist[i].transform.FindChild("InputField/Text").GetComponent<Text>().text != "")
 
                {
                    Debug.Log("描述文字：ssss");
                    string describetextfor = gridlist[i].transform.FindChild("InputField/Text").GetComponent<Text>().text;//保持描述
 
                    string positionstextfor = gridlist[i].transform.FindChild("positontext").GetComponent<Text>().text;//保存位置
                    deleteclicksaved(i, positionstextfor, describetextfor);//保存方法
                    Debug.Log("描述文字：" + describetextfor);
                }
            }
 
        }
    }
 
    /// <summary>
    /// 清空方法
    /// </summary>
    void Clearall()
    {
        PlayerPrefs.DeleteAll();
    }
    // Update is called once per frame
    void Update()
    {     
 
 
 
    }
    /// <summary>
    /// 生成整個gird子物體
    /// </summary>
    public void Generategrids()
    {
 
        //生成record的物體、
        go = Instantiate(gridrecord, this.transform.position, Quaternion.identity);
        go.transform.SetParent(this.transform);
 
 
        //默認是false,也就是不被選中的
        go.transform.FindChild("Toggle").GetComponent<Toggle>().isOn = false;
 
 
        //每一個go位置信息顯示（加載過來的文本顯示）
        if (loadpositions != null)
        {
            go.transform.FindChild("positontext").GetComponent<Text>().text = loadpositions;//位置的文字
 
 
            go.transform.FindChild("InputField/content").gameObject.SetActive(true);//顯示出來不可更改的東西     （描述文字的父物體）     
 
            go.transform.FindChild("InputField/content/changed").GetComponent<Text>().text = loadstring; //描述文字
 
        }
 
        gridlist.Add(go);
 
        Debug.Log("物體個數" + gridlist.Count);
 
        //本grid長度加go的高度
 
        this.gameObject.GetComponent<RectTransform>().sizeDelta = new Vector2(this.gameObject.GetComponent<RectTransform>().sizeDelta.x, this.gameObject.GetComponent<RectTransform>().sizeDelta.y + this.GetComponent<GridLayoutGroup>().cellSize.y + this.GetComponent<GridLayoutGroup>().spacing.y);
        Debug.Log("grid的高度" + this.gameObject.GetComponent<RectTransform>().sizeDelta);
    }
 
 
    /// <summary>
    /// 位置獲取，只有新添加位置才會觸發，從外面加載不走這里
    /// </summary>
    ///   
    private void Generateposition()
    {
 
        //位置信息顯示
        go.transform.FindChild("positontext").GetComponent<Text>().text = positions;
 
        go.transform.FindChild("InputField/content").gameObject.SetActive(false);//描述文字的父物體不顯示
 
 
 
    }
    /// <summary>
    /// 銷毀被選中的gird子物體
    /// </summary>
    /// 
        void Destroyselfs()
    {
 
        //因為gridlist的數量會在銷毀期間變，所以把即將銷毀的取出來存放然后銷毀
 
        //取出被勾選，將銷毀的物體
        //   for (int i = 0; i <gridlist.Count; i++)
        for (int i = gridlist.Count - 1; i >= 0; i--)
        {
            Debug.Log("list里有" + gridlist.Count + "個gird----" + "第" + i + "個是" + gridlist[i].transform.FindChild("Toggle").GetComponent<Toggle>().isOn);
            if (gridlist[i].transform.FindChild("Toggle").GetComponent<Toggle>().isOn)
            {
                //所謂的key就是該物體當前在list里所處的位置            
                
                Destroy(gridlist[i]);
 
                // 將對應里面的坐標list銷毀
                // postionlist.Remove(postionlist[i]);
 
                //將物體引用list銷毀              
                gridlist.Remove(gridlist[i]);
 
 
                //本grid長度減少60
                this.gameObject.GetComponent<RectTransform>().sizeDelta = new Vector2(this.gameObject.GetComponent<RectTransform>().sizeDelta.x, this.gameObject.GetComponent<RectTransform>().sizeDelta.y - this.GetComponent<GridLayoutGroup>().cellSize.y - this.GetComponent<GridLayoutGroup>().spacing.y);
 
                Debug.Log("刪除后list里有" + gridlist.Count);
 
                //將本次刪除完剩下的list遍歷，獲取每個物體的key，然后保存起來
                for (int rest = 0; rest < gridlist.Count; rest++)
                {
                    // if (gridlist[i].transform.FindChild("InputField/changed").GetComponent<Text>().text == "")
                    {
                        string savetext = gridlist[rest].transform.FindChild("positontext").GetComponent<Text>().text;
 
                        string describetext = gridlist[rest].transform.FindChild("InputField/content/changed").GetComponent<Text>().text; //描述文字
 
                        deleteclicksaved(rest, savetext, describetext);
 
                    }
 
                }
 
                if (gridlist.Count == 0)
                {
                    PlayerPrefs.SetInt("存儲個數", gridlist.Count);
                }
 
 
            }
 
        }
 
 
    }
 
 
    void deleteclicksaved(int listkey, string saveposi, string described)
    {
        PlayerPrefs.SetInt("存儲個數", gridlist.Count);
 
        //存儲個數就是最后剩下的list里的個數，比key的最大值大一，因為key是從0開始的
        Debug.Log("存儲key是" + listkey + "值是" + described);
        //保存每個位置
        PlayerPrefs.SetString(listkey.ToString(), saveposi);
 
        //保存描述文字
        PlayerPrefs.SetString(listkey.ToString() + "describe", described);
    }
 
}

 

注：

在我設計的這個需求里，保存過的列表再次加載出來是不允許修改的。

實現這個很簡單，在原來輸入框（Inputfield）上又遮擋了一個透明的圖片（此圖名曰：content,默認是不出現這個圖片的因為出現了就無法點擊輸入了），目的就是為了當被保存的輸入框再次加載后鼠標點擊沒有反應，又因為是透明的圖片所以依然可以看到之前你保存的名字。

這就是為什么代碼里會出現這句代碼： go.transform.FindChild("InputField/content").gameObject.SetActive(false);

如下圖：

 

這樣所有的功能都實現了。如果你不想看原理，那就是把上面的腳本綁定到grid（你要展示的列表）上再把UI的尺寸調整成你要的尺寸就可以了。