Unity 动态绘制表格 表格分页

提示：源码附在文后~大家互相学习

文章目录

前言

日常工作中，时常会有动态绘制表格、根据后台数据填充表格内容的需求！使用频率较高，所以整理出组件，方便每次使用！大家共同学习！

一、组件结构

1. Table预制体结构

2.Row预制体结构

3. 项目结构

二、功能实现

1.筛选操作模块

     UserManager脚本中方法用于整体操作，控制列表内容的整体刷新、删除、批量删除、基本参数设置等功能。

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

public class UserManager : MonoBehaviour
{
    public static UserManager u_m;
    public Button addButton;
    public Button delAllButton;
    public Button homeButton;
    public Button endButton;
    public Button previousButton;
    public Button nextPageButton;
    public Button importButton;
    public Button exportButton;
    public Dropdown role; 
    public InputField keyWord;
    public Dropdown post;
    public Dropdown grade;
    [System.NonSerialized]
    public int itemCount = 15;
    // [System.NonSerialized]
    // public string[] ids ;
    [System.NonSerialized]
    public List<string> userIds = new List<string>();
    //[System.NonSerialized]
    //public List<User> userList = new List<User>();//查询所有用户数据(导出)
    [System.NonSerialized]
    public bool refresh = false;

    //public Button detailButton;
    //public Button delButton;

    private string type = "";
    private string tipType = "";
    private string modifyContent = "";

    private void Awake()
    {
        u_m = this;

    }

    //Start is called before the first frame update
    void Start()
    {

        //role.ClearOptions();
        //List<string> options = new List<string>();
        //options.Add("全部");
        //for (int i = 0; i < DataBase.Instance().roleList.Count; i++)
        //{
        //    options.Add(DataBase.Instance().roleList[i].RoleName);
        //}
        //role.AddOptions(options);
    }

    // Update is called once per frame
    void Update()
    {
        type = "";
        tipType = "";
        modifyContent = "";
    }

   

    public void ShowTips(string type)
    {
        if (userIds.Count > 0)
        {
            if ("Del".Equals(type))
            {
               // UIManager.Instance().OpenTips(Common.deleteTip, Common.userDelete);
               //弹出提示信息
            }
           
        }
        else
        {
            if ("Del".Equals(type))
            {
                //UIManager.Instance().OpenTips(Common.errorResultTip, Common.delErrorResult);
                //弹出提示信息
            }

        }

    }

    public void ShowImportTips()
    {
        //UIManager.Instance().OpenTips(Common.importTip, Common.userImport);
    }

    public void ShowExportTips()
    {
        //UIManager.Instance().OpenTips(Common.exportTip, Common.userExport);
    }

   
    /// <summary>
    /// 批量删除
    /// </summary>
    public void BatchDeleteUsers()
    {
        //int temp = ServiceManager.Instance().DeleteUsers(userIds);
        int status = 1;
        //if (temp == 0)
        if(true)
        {
            status = 0;
            UserManager.u_m.refresh = true;
            //type = Common.successResultTip;
            tipType = "批量删除成功！";
        }
        else
        {
            //type = Common.errorResultTip;
            tipType = "批量删除失败！";
        }
        //增加log
        //LogInfo logInfo = new LogInfo();
        //logInfo.UserName = DataBase.Instance().loginUserInfo.UserName;
        //logInfo.OperationStatus = status.ToString();
        //logInfo.OperationName = Common.userDeleteLog;
        //ServiceManager.Instance().AddLog(logInfo);

    }

    public void EmpowerUsers(string type)
    {
        //    List<User> userList = new List<User>();
        //    for (int i = 0; i < userIds.Count; i ++)
        //    {
        //        User user = ServiceManager.Instance().GetUserInfo(userIds[i]);
        //        user.Type = type;
        //        int temp = ServiceManager.Instance().ModifyUser(user);
        //        if (temp == 0)
        //        {
        //            UserManager.u_m.refresh = true;
        //            Log logInfo = new Log();
        //            logInfo.UserId = DataBase.Instance().loginUserInfo.UserId;
        //            logInfo.Ip = DataBase.Instance().loginUserIp;
        //            if ("0".Equals(type))
        //            {
        //                logInfo.Content = Common.userNoEmpowerLog;
        //            }
        //            else
        //            {
        //                logInfo.Content = Common.userEmpowerLog;
        //            }
        //            ServiceManager.Instance().AddLog(logInfo);
        //            //type = Common.successResultTip;
        //            tipType = "批量授权成功！";
        //        }
        //        else
        //        {

        //            //type = Common.errorResultTip;
        //            tipType = "批量授权失败！";
        //        }
        //    }

        //}

    }

}

2.动态生成Table

• 根据后台数据填充表格（此处用于展示，使用默认数据，正常访问后台接口获取真实数据填充表格） 。

   public void SetPage(int index, int homeType = 0)
    {
        if (homeType != 0)
        {
            nowPage = 1;
            //避免重复刷新首页
            if ("1".Equals(CurrentPage.text))
            {
                return;
            }
        }

        //避免重复刷新尾页
        if (index == 10000 && CurrentPage.text.Equals(AllPageCount.text))
        {
            return;
        }

        //避免首页刷上一页，避免尾页刷下一页
        if (index == -1)
        {
            if (int.Parse(CurrentPage.text) - 1 < 1) return;
        }
        if (index == 1)
        {
            if (int.Parse(AllPageCount.text) - int.Parse(CurrentPage.text) < 1) return;
        }

        string role = "";
        string post = "";
        string grade = "";
        if (UserManager.u_m.role.value != 0)
        {
            role = (UserManager.u_m.role.value  - 1).ToString();
        }

        if (UserManager.u_m.post.value != 0)
        {
            post = (UserManager.u_m.post.value - 1).ToString();
        }
        if (UserManager.u_m.grade.value != 0)
        {
            grade = (UserManager.u_m.grade.value - 1).ToString();
        }

        int page = 20;
        //int page = ServiceManager.Instance().GetUserCount(UserManager.u_m.keyWord.text, role, post, grade);

        maxPage = page / UserManager.u_m.itemCount;
        maxPage = page % UserManager.u_m.itemCount != 0 ? maxPage + 1 : maxPage;
        nowPage += index;

        nowPage = nowPage > maxPage ? maxPage : nowPage;
        nowPage = nowPage < 1 ? 1 : nowPage;
        
        CurrentPage.text = nowPage.ToString();
        AllPageCount.text = maxPage.ToString();

        //初始化id组
        //for (int i = 0; i < UserManager.u_m.itemCount; i++)
        //{
        //    UserManager.u_m.ids[i] = "-1";
        //}

        //清空行
        if (content.childCount > 0)
        {
            for (int i = 0; i < content.childCount; i++)
            {
                Destroy(content.GetChild(i).gameObject);
            }
        }

        //清空选中
        UserManager.u_m.userIds.Clear();

        //*************虚拟数据开始*******************
        int rowCount = 15;
        if ("2".Equals(CurrentPage.text))
        {
            rowCount = 5;
        }
        for (int i = 0; i < rowCount; i++)
        {
            GameObject go = Instantiate(Resources.Load("Prefabs/UserRow"), content) as GameObject;
            if (i % 2 != 0)
            {
                for (int j = 0; j < go.transform.GetChild(0).childCount; j++)
                {
                    go.transform.GetChild(0).GetChild(j).GetComponent<Image>().sprite = Resources.Load<Sprite>("UI/样式B-1");
                }
            }
        }
        //*************虚拟数据结束*******************

        //*************实际数据开始*******************
        //List<UserInfo> userList = ServiceManager.Instance().GetUserList(UserManager.u_m.keyWord.text, role, post, grade, CurrentPage.text, UserManager.u_m.itemCount.ToString());

        预制体加载行
        //for (int i = 0; i < userList.Count; i++)
        //{

        //    GameObject go = Instantiate(Resources.Load("Prefabs/UserManager/UserRow"), content) as GameObject;
        //    if (i % 2 != 0)
        //    {
        //        for (int j = 0; j < go.transform.GetChild(0).childCount; j++)
        //        {
        //            go.transform.GetChild(0).GetChild(j).GetComponent<Image>().sprite = Resources.Load<Sprite>("UI/样式B-1");
        //        }
        //    }

        //    go.GetComponent<UserRow>().id = userList[i].UserId.ToString();
        //    go.GetComponent<UserRow>().index.text = ((nowPage - 1) * UserManager.u_m.itemCount + i + 1).ToString();
        //    go.GetComponent<UserRow>().code.text = userList[i].UserNo;
        //    go.GetComponent<UserRow>().company.text = int.Parse(userList[i].DeptId) == 0 ? "技术部一室" : "发测站三室";
        //    go.GetComponent<UserRow>().userName.text = userList[i].UserName;
        //    go.GetComponent<UserRow>().role.text = userList[i].RoleName;
        //    go.GetComponent<UserRow>().grade.text = int.Parse(userList[i].PostId) == 0 ? "技术总体":"岗位操作" ;
        //    switch (int.Parse(userList[i].Grade))
        //    {
        //        case 0:
        //            go.GetComponent<UserRow>().type.text = "岗前";
        //            break;
        //        case 1:
        //            go.GetComponent<UserRow>().type.text = "初级";
        //            break;
        //        case 2:
        //            go.GetComponent<UserRow>().type.text = "中级";
        //            break;
        //        case 3:
        //            go.GetComponent<UserRow>().type.text = "高级";
        //            break;
        //    }
        //    // UserManager.u_m.ids[i] = go.GetComponent<UserRow>().id;
        //}
        //*************实际数据结束*******************
    }

• 给行的toggle组件上绑定AllChoice方法，控制行选中、取消选中样式。

 public void AllChoice(bool isOn)
    {
        if (isOn)
        {
            for (int i = 0; i < content.childCount; i++)
            {
                content.GetChild(i).GetChild(0).GetChild(0).GetChild(0).GetComponent<Toggle>().isOn = true;
            }
        }
        else
        {
            for (int i = 0; i < content.childCount; i++)
            {
                content.GetChild(i).GetChild(0).GetChild(0).GetChild(0).GetComponent<Toggle>().isOn = false;
            }
        }
    }

3.行信息动态加载

每一行绑定UserRow脚本，用于行信息动态赋值、动态取值，及待完善的行操作功能均可在本页面实现。

public class UserRow : MonoBehaviour
{
    [System.NonSerialized]
    public string id;
    public Toggle choice;
    public Text index;
    public Text code;
    public Text company;
    public Text userName;
    public Text role;
    public Text grade;
    public Text type;
    //public Button detailB;
    public Button modifyB;

    // Start is called before the first frame update
    void Start()
    {
        //TEST
        //index.text = "1";
        //userName.text = "张靓颖";
        //code.text = "2022060701";
        //role.text = "管理员";
        //company.text = "空军总部";
        //date.text = DateTime.Now.ToString();
    }

    // Update is called once per frame
    void Update()
    {
        if (choice.isOn)
        {
            transform.GetChild(1).gameObject.SetActive(true);
            if (!UserManager.u_m.userIds.Contains(id))
            {    
                UserManager.u_m.userIds.Add(id);
            }
        }
        else
        {
            transform.GetChild(1).gameObject.SetActive(false);
            if (UserManager.u_m.userIds.Contains(id))
            {  
                UserManager.u_m.userIds.Remove(id);
            }
        }
    }

    //public void ShowDetailPanel()
    //{
    //    UIManager.Instance().OpenUserDetailPanel(id);
    //}

    //public void showModifyPanel()
    //{
    //    UIManager.Instance().OpenUserAddPanel(1, id);
    //}
}

4.实体

实体类为UserInfo，用于和后台交互，存放每一条的用户信息，用于行动态赋值、取值。字段和页面行字段一一对应。

总结

组件结构简单，层级明朗，便于理解。可更改ui和尺寸用于不同场合。个人总结归纳，便于使用。避免重复造轮子~~~

CSDN组件下载：https://download.csdn.net/download/u014641682/87621080