Allow the composition author to provide a custom Layer (or a group of Layers) for each component of each UI widget, to completely customize the visual appearance of UI widgets.
Proposed new nodes:
Make Action Button Theme (Layers)
with the following Layer inputs:Background
Background: Hovered
Background: Pressed
Make Toggle Button Theme (Layers)
with the following Layer inputs:Checkmark
Checkmark: Hovered
Checkmark: Pressed
Checkbox
Checkbox: Hovered
Checkbox: Pressed
Checkbox: Toggled
Checkbox: Toggled and Hovered
Make Slider Theme (Layers)
with the following Layer inputs:Handle
Handle: Hovered
Handle: Pressed
Active Track
Active Track: Hovered
Inactive Track
Inactive Track: Hovered
You could then create your own Layers (using Vuo's built-in Layer nodes, or using custom images) to feed in to these nodes, and the UI widgets would display the appropriate Layer(s) at the appropriate times.
Comments
Would this feature also allow
Would this feature also allow you to make a button appear more like a switch? Like this...
Button Switch.jpg
Chris — If you create/input
Chris — If you create/input the switch imagery (including any animations) using layers/images, then yes.
Based on discussion with the team, we should probably revise the proposed node to something like this, to better support your use case:
Make Toggle Button Theme (Layers)
— Layer input ports:To be clear, this is the highly customizable DIY solution. If you want a basic out-of-the-box switch where you don't have to provide the actual switch images, then I'd recommend creating a separate feature request.
I like the changes you
I like the changes you suggested, I think the customizability it offers would be really nice.