How to edit designs of slots/grid

Help
1

Godot Version

4.6

Question

Im pretty sure this is a very silly question but oh well! :smiley:

I have an inventory slot that I want to do some art for an inventory slot (its custom, heres the code):

class_name InventorySlot
extends PanelContainer


@export var type: item_data.Type
@onready var player = $"."

func init(t: item_data.Type, cms: Vector2) -> void:
	type = t
	custom_minimum_size = cms
	
func can_drop_data(_at_position: Vector2, data: Variant) -> bool:
	if data is InventoryItem:
		if type == item_data.Type.MAIN:
			if get_child_count() == 0:
				return true
			else:
				if type == data.get_parent().type:
					return true
				return get_child(0).data.type == data.data.type
		else:
			return data.data.type == type
	return false

Do i have to parent a sprite to it, or is there another way?

At this quiestion, i also have a grid container, how would one also add art to that?

2

You may be able to apply a Theme to the topmost Control node for your UI, from there the panels can be stylized through the theme editor if you add PanelContainer.

1 Like
3

When you say “I want to do some art for an inventory slot”, do you mean you want to have a custom Sprite that represents the object in the slot, or do you want a sprite that represents the slot itself?

Either way, yes, you’ll want to add some kind of child Node to the InventorySlot scene. If you just want a non-interactive picture, you can add a TextureRect. If you want to be able to click on and interact with the item in the slot, you can add a Button or a MenuButton and then set their icon variables to your sprite.

I’m not sure what you mean by “i also have a grid container, how would one also add art to that”. What kind of art are you trying to add?

1 Like
4

oooooooh okay! I was wondering what that theme editor was for!

5

The slot itself :slight_smile:

And I wanted to just make it prettier, because right now the gridcontianer is just a slightly see through black box.

6

Gotcha. As a first step I’d say just add a TextureRect node and play with the anchor/position/fill settings to get an idea of how you want your layout to look. Once you get further into development and have refined your visual style you can probably start playing with the theme editor. I personally haven’t touched that system yet, so I don’t know what it can do.