如何在 Unity 上使用脚本滚动页面？

Question

我想创建一个库存系统，我想使用 GUI.Button 创建我的按钮。我像这样创建它们。

void OnGUI()
        {
            
            GUI.Button(new Rect(0, 220, 100, 20), "Top-left");
            GUI.Button(new Rect(120,220, 100, 20), "Top-right");
            GUI.Button(new Rect(0, 280, 100, 20), "Bottom-left");
            GUI.Button(new Rect(120, 280, 100, 20), "Bottom-right");
    
          
            
        }
    

我的问题是我无法移动它们。我的意思是我想在我的库存中添加一个滚动条。但即使我添加它，我的按钮也不会移动。如何像普通按钮一样动态移动它，或者如何使用脚本滚动它们？感谢您的帮助。

Answer 1

我认为代码是不言自明的，但我会概括地解释一下。在 UI 中创建滚动视图。并为带有框架和图像的插槽创建一个预制件作为子对象。 对于布局，使用 GridLayout Group 或从代码创建水平布局，然后在需要时更改位置。然后使用此代码：

public class InventoryManager : MonoBehaviour
{
    [SerializeField] Transform content; //Where all panels will be hold. Scroll rect is parent of this object. This is content of scroll view.
    Transform foodPanel, healthPanel, drinkPanel; // These are just child of *content* add them at awake

    [SerializeField] GameObject slotPrefab; //Slot is a UI element with frame and as child have empty image.

    Transform activePanel; // Hold the active page value (Ex: food panel, drink panel etc.)

    public void CreateItem(Transform panelToInstantiate, Item itemToİnstantiate)
    {
        GameObject slot = Instantiate(slotPrefab, panelToInstantiate);
        slot.transform.GetChild(0).GetComponent<Image>().sprite = itemToİnstantiate.icon;
        slot.transform.GetChild(1).GetComponent<TextMeshProUGUI>().text = itemToİnstantiate.itemName; // If you want a label (optioanal)
        slot.transform.GetChild(2).GetComponent<TextMeshProUGUI>().text = itemToİnstantiate.itemCost.ToString(); // This is optional if you want a label
        if (itemToİnstantiate as Food != null) // This is food
        {
            Character.energyAmount += (itemToİnstantiate as Food).energyAmount;
        }
        else if (itemToİnstantiate as Drink != null) // This is drink
            Character.energy++;
    }

    public void ChangePage(Transform transform)
    {
        // This is just place holder if you have more complicated system change code according to it. Currently we have only 3 panel
        foodPanel.gameObject.SetActive(false);
        drinkPanel.gameObject.SetActive(false);
        healthPanel.gameObject.SetActive(false);

        if (transform == foodPanel)
            foodPanel.gameObject.SetActive(true);
        else if (transform == drinkPanel)
            foodPanel.gameObject.SetActive(true);
        else if (transform == healthPanel)
            foodPanel.gameObject.SetActive(true);
    }

    void ScrollToItem(GameObject slot)
    {
        content.parent.GetComponent<ScrollView>().ScrollTo(slot.GetComponent<VisualElement>()); // I am not sure if that will work. Didn't try.
    }

    // Got this from stackoverflow. @maksymuik https://stackoverflow.com/a/30769550/9969193
    public void SnapTo(RectTransform target)
    {
        Canvas.ForceUpdateCanvases();

        contentPanel.anchoredPosition =
            (Vector2)scrollRect.transform.InverseTransformPoint(contentPanel.position)
            - (Vector2)scrollRect.transform.InverseTransformPoint(target.position);
    }
}

public class Item : ScriptableObject // Test item class. Scriptable object
{
    public string itemName;
    public int itemCost;
    public Sprite icon;
}

public class Food : Item // Child of item class.
{
    public int energyAmount;
    public int deliciousness;
}

public class Drink : Item
{
    public bool isHot;
}