How can I make the inspector UI from an AudioStreamRandomizer for other nodes?

[blazering0]

Godot Version

4.5.1

Question

For certain resources under AudioStream, there’s a nice looking UI for adding streams:

I want to be able to use this for other nodes I’m making since it’s a heck of a lot nicer and easier to use than the regular UI for 2D arrays.

Trouble is, I can’t seem to recreate this with the @export system, it doesn’t seem flexible enough for specifically this. But taking a look at the source code shows this being done with weird dynamically added and named variables instead of an array, and hooking it up with an internal editor plugin written in C++. I’d try to make this equivalent editor plugin, but the resources and documentation for them are either lacking or not straight forward.

Has anyone managed to make an equivalent UI written in GDScript? If not, I’d appreciate pointers and resources as to how, even if I have to write a lot of boilerplate for it.

[mrcdk]

Here’s an example:

How do I create an export variable that allows adding a list of complex elements like OptionButtons do

It’s not simple and it would be better if you @export an Array of custom resources but if you still want to get the same behavior as that property then you’ll need to use a @tool script and implement the Object._get(), Object._set(), and Object._get_property_list() Example: @tool extends Node var my_values = [] func _get(property: StringName) -> Variant: if property == "item_count": return my_values.size() if property.begins_with("items/item_"): var parts = property.split("/") var …