UIToolkit编辑器练习（二）

嘉神川优衣

于 2021-01-06 23:33:00 发布

阅读量1.7k

点赞数

分类专栏： Unity笔记文章标签： Unity UIToolkit

本文链接：https://blog.csdn.net/qq_43500611/article/details/112299924

版权

本文继续探讨Unity的UIToolkit，通过设计UI布局、实现选择和修改保存功能，展示了如何创建一个功能完善的界面。在UIBuilder中创建了一个用于显示和编辑数据的简单界面，特别设置了ReadOnly ID。接着，文章介绍了实现选择功能的代码修改，允许用户点击触发相应效果。最后，讲解了为Save按钮添加保存功能，并调整添加元素的方法，以添加空白物品。

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

闲话不表，书接上回，在上回书说到，创建了一个List用来显示元素，这次就要做一个显示并且可以做修改的界面

1.设计UI

在这里我在UIBuilder中设计了一个简单的UI，以供显示和修改数据，这里要注意左边的命名，并且将ID设置为ReadOnly
在这里插入图片描述

2.实现选择功能

我们简单的修改一下之前的代码：

	VisualElement root;
	//保存itemList选中的物品
    private static XElement selectedItem;
	private void OnEnable()
    {
   
    	root = rootVisualElement;
    	//...
   		//为之前的ListView添加selectionChange函数，设置选中的物品
   		BindItemData();
   		itemList.onSelectionChange += (obj) => 
        {
   
            selectedItem = itemList.selectedItem as XElement;
            RefreshItemData();
            //Debug.Log(selectedItem.Element("Name").Value);
        };
   	}

    //-------------绑定数据-----------
    TextField IName;
    IntegerField IID;
    EnumField IType;
    IntegerField IItemAmount;
    //事先绑定所需的数据
    private void BindItemData()
    {
   
        IName = root.Q<TextField>("IName");
        IID = root.Q<IntegerField>("IID");
        IType = root.