🚀 Spring Sale is live! 🚀 Don't miss your chance to get all my products at 30% OFF!  

Get it!

Create Dynamic Attribute UI List with GAS

Example of Attribute UI List

Attribute List Widget

Here, I have a WB_AttributeList and it has a custom array of blueprint structures. Each array element contains information related to a particular gameplay attribute.

gga attribute ui 1

Then I have the following two functions:

  • SetupAttributes: called when the UI is displayed and will dynamically create separate widgets for each attribute to display that attribute.
  • CleanupAttributes: called when the UI is closed, will clean up the created attribute UI.
gga attribute ui 2

Attribute List Entry

Then I have another WB_AttributeEntry widget to represent each of the previously defined attributes. Internally , it is just a simple progress bar.

gga attribute ui 3

In the event graph of this Widget, the code is as follows:

gga attribute ui 4

GGA also provides convenient methods to get attributes percentage.

gga attribute ui 5

Result

Add the WB_AttributeList to your game HUD widget and configure the attributes that need to be displayed, so you have a data-driven attribute list.

gga attribute ui 6