Status Effect List HUD with Vertical Scroll Bar Preset?

Krixus

I'm still wrapping my head around the UI system but I have come to a dead end. I have no idea as to how to create a HUD with a working scroll bar.

I can easily create something like a "Battle/Console" log for combat that has a scroll bar because all I need to do is to create a UI box vertical scroll box from one of the Makinom presets from the context menu.

The issue though is I am trying to create a HUD rather than just a UI box and I can't see any presets for HUDs that come with a scroll bar. I've tried creating one from scratch by first creating a UI box with vertical scroll and then creating an additional HUD child within the hierarchy but that didn't work as I'm assuming the UI box script is still active.

I then tried swapping out the UI box script on the root object and replacing it with a HUD script but keeping the scroll bar however once I start adding the status effect list, the scroll bar shrinks, the content bounds gets wonky.

TLDR: All I basically want to create is a HUD that displays status effects in a grid and has a scroll bar so that when the status effects exceeds the bounds of the HUD box I can then use a scroll bar to scroll down and see the rest. Just can't seem to get it to work.

I would appreciate it if you could give me step by steps on how to add a scroll bar to a HUD or refer me to a guide where there is a HUD with a scroll bar, I tried to look, couldn't find anything. I have the HUD for displaying status effects set up, I just don't know how to add a scroll bar to it, what components I need or where exactly they should go, other then roughly knowing I might need a scroll bar and scroll rect component.

gamingislove

There are no presets for HUD with scrollbar - but all of the UI is just using Unity UI components.
So, if you want scrollable content somewhere, simply add one to your HUD via the standard Unity UI methods (e.g. via context menu) and add your HUD content to it.

Krixus

gamingislove

Can you tell me though what components I would exactly need to add a working scroll bar and where exactly in the HUD hierarchy that those components would go? I can't find any tutorials on this so I would appreciate specific steps. If I had some sort of template or guide then I'd be able to figure it out myself but I haven't found any references specifically for adding a scroll bar to a HUD.

Krixus

gamingislove

Second question, is it possible to create a box with "tabs" that can contain different HUDs/UI Boxes that can be switched between when clicking on a tab?

Basically this is my status effect list HUD and behind it is a battle log. Both the HUD and battle log have a title and I figured that maybe if you clicked on the title it would bring up the UI that is behind it since they are both on the same layers, a hacky method I guess.

I don't have much UI space left, I want both the status effect HUD list and the battle log to be in the bottom left corner so I was hoping I could "merge" them into a box with tabs that the player can toggle between.

If this is possible, can you please tell me what components I would need and where in the hierarchy these components would go? Or, if this is already covered in a guide/tutorial please just refer me to that.

gamingislove

Adding scrollable content is purely Unity UI and independent of ORK. You can add a working scroll view+scroll bar via the Unity scene hierarchy context menu: UI > Scroll View
Add that to your HUD, adjust it to your needs and place your HUD elements you want within it under the Scroll View > Viewport > Content child object.

As for the tabs - a tabbed HUD could be doable.
HUD Click components can e.g. be used to toggle HUDs on/off, so this'd be built from multiple HUDs (e.g. one for the buttons with HUD Click components and one for each tab).
Alternatively you can use HUD Condition and HUD Click components.
The HUD Condition components in this case are used to show/hide parts of your HUD, e.g. you'd use one at the root of one such tab to show or hide it based on variable conditions (with HUD Click starting a schematic to change the variables).

Krixus

gamingislove

Thanks, I've added a "HUD Click" component, but I cannot seem to trigger schematics at all. I tried putting something very obvious like a game over node but that didn't work, nor did outputting to the Unity console. What am I missing so that I can trigger schematics when I click? I made sure the box is actually a HUD since it has the HUD component, I assumed clicking anywhere on the box would trigger the schematic. It toggles the HUDs that I've assigned to toggle on/off just fine so it seems to be registering the click but the schematic never triggers.

I initially didn't seen an option to define a sound when you click the HUD so I figured I could trigger it via a schematic. No matter what I did though I couldn't get the sound to play, I tried playing it on the camera instead of the machine object etc etc. After I noticed that there was a "click clip" in the "HUD Click" component I then wanted to see if it was just restricted to playing sounds. But no, I can't seem to output to console log and then I tried the "game over" node which is the last resort to seeing if anything is triggering but no luck, no matter what I do I can't trigger schematics via the "HUD Click" component despite being able to do other things with it like toggling HUDs on and off.

Acissathar

@Krixus You likely just need to uncheck Consume Click in all of your actions except the last one. 'Consume Click' will take away the click input on the given action, so the subsequent actions will not 'see' the click anymore.

Krixus

Acissathar

Thanks, yeah that was the culprit.