How to create a tab with slate widgets ?

Development Programming & Scripting UI
, , ,
2

Styled button (or better yet, SCheckBox) and SWidgetSwitcher is how I would do it.

The screenshot you have above shows the system we call the TabManager. It is responsible for:

  1. Letting you re-order tabs
  2. Re-arranging layout dynamically by pulling tabs out of the tab well and dropping them onto various targets
  3. Saving and restoring editor layouts
  4. Logical ownership of small (square) tabs by big (rounded) tabs

The feature matrix causes the system to get quite complicated. It is also designed with a very specific use-case in mind. I would avoid using it unless it is a near-perfect fit for your purposes. You can experience most of the features by customizing your editor layout and decide if you want to dig into all that code.

However, if simple tabs is what you are looking for, I suggest approach that you proposed:

  1. Check out the CreateRadioButton example in WidgetGallery.cpp
  2. Hook up some radio buttons to an enum or an int that signifies the current tab; let’s call it tabIndex.
  3. Hook up an SWidgetSwitcher to the current tabIndex via an attribute.

The nice thing about this approach is that you have complete freedom to move radio buttons around. You can create a special tab that’s bigger than others and has a different image to represent it.

Let me know how it goes and if you have further questions.