GTA V Tabs (Recreation)

After playing GTA V quite a lot, I’ve grown a love-hate relationship with its UI. It’s very simple, but also somehow very slow, considering how simple it is. It does do a good job at conveying information from the game to the player though.

From Game UI Database

Anyway, I decided to try and make the tab system from GTA V (as most of its buttons are actually tabs), and for this I just made a simple button that would change opacity when you hover over it, and become checked when you clicked it. In the checked state, another image’s visibility is switched to visible (making it an opaque button), and the text’s colour is changed to be more visible against it. The checked state events are in Event Tick, so that I can change them from another widget to make things like tabs. The only thing I’d change about this to optimise it would be to use one image instead of two, but this would require more work and possibly a messy solution that I can’t figure out properly yet.

Tabs that I made in UE4 based on the GTA V tabs.