unity的SuperScrollView 集成实现超级列表框表格案例踩坑详解

最新推荐文章于 2024-05-31 10:54:37 发布

吉凶以情迁

最新推荐文章于 2024-05-31 10:54:37 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/u010042660/article/details/128482237

版权

SuperScrollView 实现列表框
市场价格50美元，不便宜，我从网上找到了免费版本。https://download.csdn.net/download/u010042660/86247323

http://wjhsh.net/big-zhou-p-11266840.html https://blog.csdn.net/qq_40120946/article/details/101704791

本教程是基于csdn作者教程补充的，里面有一些细节我整好了，有几个地方不太对劲。不知道咋回事
导入进去里面的demo就可以打开食用。
item预制体实现
在画布下面添加空对象，然后添加Horizontal layout group,
添加 UI Student Info脚本，添加Loop List item2脚本
添加Image组件(用于选中的变色)

然后添加子节点， text , id ,name ,age ,grade,

image.png

做好了预制体之后，在画布下面添加scrollview

再给scrollview添加 Loop List view2
然后展开给这个脚本挂载一个预制体，这里为MyItem,在接下来的代码会从缓存池里面取，也应该保持一致。

image.png

依次创建源代码

image.png

StudentInfo

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

    public  class StudentInfo
    {
    public String id { get; set; }
    public String name { get; set; }
    public String grade { get; set; }
    public String score { get; set; }
    public String age { get; set; }

}

StudentInfoMgr

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

public class StudentInfoMgr
{

    List<StudentInfo> mItemDataList = new List<StudentInfo>();

    public StudentInfoMgr() { }
    public StudentInfoMgr(List<StudentInfo> students)
    {
        mItemDataList.Clear();
        mItemDataList = students;
    }
    /// <summary>
    /// 获取数据总数量
    /// </summary>
    public int TotalItemCount
    {
        get
        {
            return mItemDataList.Count;
        }
    }
    /// <summary>
    /// data数据
    /// </summary>
    public List<StudentInfo> MItemDataList
    {
        get
        {
            return mItemDataList;
        }

        set
        {
            mItemDataList = value;
        }
    }

    /// <summary>
    /// 查找指定数据
    /// </summary>
    /// <param name="index"></param>
    /// <returns></returns>
    public StudentInfo FindInfoByIndex(int index)
    {
        if (index < 0 || index >= mItemDataList.Count)
        {
            return null;
        }
        return mItemDataList[index];
    }
    /// <summary>
    /// 查找指定数据
    /// </summary>
    /// <param name="itemId"></param>
    /// <returns></returns>
    public StudentInfo FindInfoById(string itemId)
    {
        int count = mItemDataList.Count;
        for (int i = 0; i < count; ++i)
        {
            if (mItemDataList[i].id == itemId)
            {
                return mItemDataList[i];
            }
        }
        return null;
    }
    /// <summary>
    /// 添加一组数据
    /// </summary>
    /// <param name="itemId"></param>
    /// <returns></returns>
    public void AddOrUpdateInfo(StudentInfo item)
    {
        var student = FindInfoById(item.id);
        if (student == null)
        {
            mItemDataList.Add(item);
        }
        else
        {
            student = item;
        }
    }
    /// <summary>
    /// 添加多组数据
    /// </summary>
    /// <param name="itemId"></param>
    /// <returns></returns>
    public void AddOrUpdateInfo(List<StudentInfo> items)
    {
        if (items.Count <= 0) return;
        foreach (var info in items)
        {
            var student = FindInfoById(info.id);
            if (student == null)
            {
                mItemDataList.Add(info);
            }
            else
            {
                student = info;
            }
        }
    }

    /// <summary>
    ///删除一组数据
    /// </summary>
    /// <param name="itemId"></param>
    /// <returns></returns>
    public void RemoveInfo(StudentInfo item)
    {
        var student = FindInfoById(item.id);
        if (student == null) return;
        mItemDataList.Remove(student);
    }
    /// <summary>
    ///删除一组数据
    /// </summary>
    /// <param name="itemId"></param>
    /// <returns></returns>
    public void RemoveInfo(string id)
    {
        var student = FindInfoById(id);
        if (student == null) return;
        mItemDataList.Remove(student);
    }
    /// <summary>
    ///删除所有数据
    /// </summary>
    /// <param name="itemId"></param>
    /// <returns></returns>
    public void RemoveInfos()
    {
        if (mItemDataList.Count <= 0) return;
        mItemDataList.Clear();
    }
}

SuperListBoxInit

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

public class SuperListBoxInit : MonoBehaviour
{
    public SuperScrollView.LoopListView2 mLoopListView;
    public RectTransform Content;

    private List<StudentInfo> studentInfos = new List<StudentInfo>();
    private StudentInfoMgr infoMgr;
    // Use this for initialization
    void Start()
    {
        for (int i = 0; i < 100; i++)
        {
            StudentInfo student = new StudentInfo
            {
                id = (i + 100).ToString(),
                name = "zhang" + i,
                age = (i + 1).ToString(),
                grade = "超级",
                score = i.ToString(),
            };
            studentInfos.Add(student);
        }
        InitListView();

    }

    private void InitListView()
    {
        infoMgr = new StudentInfoMgr(studentInfos);
        Debug.Log(infoMgr.TotalItemCount);
        mLoopListView.InitListView(infoMgr.TotalItemCount, OmGetItemByIndex);
        mLoopListView.MovePanelToItemIndex(infoMgr.TotalItemCount, 0);
    }
    private LoopListViewItem2 OmGetItemByIndex(LoopListView2 loopView, int index)
    {
        if (index < 0 || index > infoMgr.TotalItemCount)
        {
            return null;
        }
        var info = infoMgr.FindInfoByIndex(index);
        if (info == null)
        {
            return null;
        }
        /*2018.11以后MonoBehaviour不能  new  直接赋值就可*/
    //LoopListViewItem2 item = new LoopListViewItem2();
        var item = loopView.NewListViewItem("MyItem");
        var itemInfo = item.GetComponent<UStudentInfo>();
        itemInfo.Init(info, index);
        itemInfo.OnClick += OnClick;
        itemInfo.OnEnter += OnEnter;
        itemInfo.OnExit += OnExit;
        return item;
    }

    private void OnClick(UStudentInfo item)
    {
        Debug.Log("点击！！");

    }
    private void OnEnter(UStudentInfo item)
    {
        Debug.Log("移入！！");
        item.GetComponent<Image>().color = Color.clear;
    }
    private void OnExit(UStudentInfo item)
    {
        Debug.Log("移出！！");
        item.GetComponent<Image>().color = new Color(1, 1, 1, 130 / 255f);
    }
}

UStudentInfo

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;

public class UStudentInfo : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler, IPointerClickHandler
{
    /// <summary>
    /// 实现点击事件
    /// </summary>
    public Action<UStudentInfo> OnClick;
    /// <summary>
    /// 实现点击事件
    /// </summary>
    public Action<UStudentInfo> OnEnter;
    /// <summary>
    /// 实现点击事件
    /// </summary>
    public Action<UStudentInfo> OnExit;

    private StudentInfo info;
    private int index;
/*    [SerializeField]
    private RectTransform item;*/

    public void Init(StudentInfo info, int index)
    {
        this.info = info;
        this.index = index;
        InitData();
    }
    private void InitData()
    {
       this.gameObject.transform.GetChild(0).GetComponent<Text>().text = info.id;
       this.gameObject.transform.GetChild(1).GetComponent<Text>().text = info.name;
       this.gameObject.transform.GetChild(2).GetComponent<Text>().text = info.age;
       this.gameObject.transform.GetChild(3).GetComponent<Text>().text = info.grade;
       this.gameObject.transform.GetChild(4).GetComponent<Text>().text = info.score;
    }

    void IPointerClickHandler.OnPointerClick(PointerEventData eventData)
    {
        if (this.gameObject != null) OnClick(this);
    }

    void IPointerEnterHandler.OnPointerEnter(PointerEventData eventData)
    {
        if (this.gameObject != null) OnEnter(this);
    }

    void IPointerExitHandler.OnPointerExit(PointerEventData eventData)
    {
        if (this.gameObject != null) OnExit(this);
    }
}

其中UStudentInfo挂载给预制体 item ,
SuperListBoxInit是用来初始化的，可以挂载给相机

image.png

这个脚本的listview 就传递 scrollview,
content 则把scrllview的content拖动进去。

另外标题列也是用预制体做的，不过把脚本解除了。

image.png

上图还是有一点点没对齐，这可能是因为滑块的空间导致的问题。

其实主要问题还是界面的操作问题，我这里再弄详细一点的截图
初始化代码挂载

image.png

初始化代码中的参数拖拽

image.png

预制体挂载

image.png

scrllview挂载

image.png

吉凶以情迁

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
unity的SuperScrollView 集成实现超级列表框表格案例踩坑详解

SuperScrollView 实现列表框市场价格50美元，不便宜，我从网上找到了免费版本。https://download.csdn.net/download/u010042660/86247323http://wjhsh.net/big-zhou-p-11266840.htmlhttps://blog.csdn.net/qq_40120946/article/details/1017047...
复制链接

扫一扫