（Editor）UI Toolkit 与数据的连接

跳进黄河洗不清女士

已于 2024-03-09 16:21:47 修改

阅读量177

点赞数 3

分类专栏： Unity 文章标签： ui unity

于 2024-03-09 16:21:32 首次发布

本文链接：https://blog.csdn.net/m0_74263898/article/details/136586016

版权

Unity 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了如何在Unity中使用UIToolkit将数据与ListView组件连接，包括加载数据模板、获取ListView实例、数据加载和ListView生成的过程，展示了如何动态绑定数据到UI元素。

摘要由CSDN通过智能技术生成

（Editor）UI Toolkit 与数据的连接

将面板与数据连接

以ListView做例子：

1.先声明还有呈现的模板

//拿到模板
private VisualTreeAsset itemRowTempLate;
//获得VisualElemwnt
private ListView itemListView;

2.再根据你自己创建的面板查找

//拿到模板数据
itemRowTempLate = AssetDatabase.LoadAssetAtPath<VisualTreeAsset>("Assets/Editor/UI Builder/ItemRow Template.uxml");
//获得ListView
itemListView = root.Q<VisualElement>("ItemList").Q<ListView>("ListView");
//加载数据的函数方法
LoadDataBase();
//生成List View的函数方法
GenerateListView();

3.再将你自己需要呈现的赋值上去

//查找ItemDataList_SO
private void LoadDataBase()
{
    var dataArray = AssetDatabase.FindAssets("ItemDataList_SO");

    if (dataArray.Length > 1)
    {
        var path = AssetDatabase.GUIDToAssetPath(dataArray[0]);
        dataBase = (ItemDataList_SO) AssetDatabase.LoadAssetAtPath(path, typeof(ItemDataList_SO));
    }

    itemList = dataBase.itemDetailsList;
    //如果不标记就无法保存数据
    EditorUtility.SetDirty(dataBase);
    //Debug.Log(itemList[0].itemID);
}
//生成listView
private void GenerateListView()
{
    Func<VisualElement> makeItem = () => itemRowTempLate.CloneTree();

    Action<VisualElement, int> bindItem = (e, i) =>
    {
        if (i < itemList.Count)
        {
            if (itemList[i].itemIcon!=null)
                e.Q<VisualElement>("Icon").style.backgroundImage = itemList[i].itemIcon.texture;
            e.Q<Label>("Name").text = itemList[i] == null ? "NO ITEM" : itemList[i].itemName;
        }
    };


    itemListView.fixedItemHeight = 60;
    //将数据赋值给ListView
    itemListView.itemsSource = itemList;
    itemListView.makeItem = makeItem;
    itemListView.bindItem = bindItem;
    //itemListView.selectionType = SelectionType.Multiple;
}

在这里插入图片描述