Inventory UI

Learn to build the inventory UI with prefabs.

Interface with prefabs

The inventory interface is made of a panel where the slots are lined up. The look of each slot is prepared as a prefab; this way the same look is used again and again. A prefab is a ready object template that can be added to the scene.

GameObject slotWidget;
// ...the same slot is used again and again

Thanks to prefabs the interface is duplicated quickly.

The slot widget

A slot widget is the interface part that shows one slot on the screen. It contains texts that show the item name and count. The inventory panel creates one widget copy for each slot.

[SerializeField] private GameObject slotWidget;

Widgets are produced from the prefab and added to the panel.

Exercise Prepare the slot widget

In a class named SlotHazirlik, define a string widgetAdi field with the value "SlotWidget" and an int gorunenSlot field with the value 4. In the Start method, print the pieces "Widget: ", widgetAdi, " Gorunen: " and gorunenSlot joined together with Debug.Log.

Show example solution

using UnityEngine;

public class SlotHazirlik : MonoBehaviour
{
    string widgetAdi = "SlotWidget";
    int gorunenSlot = 4;

    void Start()
    {
        Debug.Log("Widget: " + widgetAdi + " Gorunen: " + gorunenSlot);
    }
}

Test yourself

How is the look of each slot created in the inventory interface?
- They are shown with light effects
- Separate code is written for each slot
- A prefab is prepared and used again and again
- The slots are colored automatically
Show answer

A prefab is prepared and used again and again — A prefab reproduces the same look, so code does not have to be written again for every slot.

Write the type of the widget object

    [SerializeField] private ____ slotWidget;

Show answer

    [SerializeField] private GameObject slotWidget;

Interface terms

Prefab

A reusable object template
Slot widget

The interface part that shows one slot
Panel

The area where the slots are gathered
Metin alanı

Part showing item name and count

Next lesson: Summary - Inventory system

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies