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.

Component: 

Notes from Team Vuo

Vuo Pro: 

No — available with both Vuo CE and Vuo Pro

Complexity: 

●●○○ — A few weeks of work

Potential: 

●○○ — Appeals to current community

Comments

Chris — If you create/input

jstrecker's picture
Submitted by

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:

  • Off
  • Off: Hovered
  • Off: Pressed
  • On
  • On: Hovered
  • On: Pressed

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.

Feature status

  • Submitted to vuo.org
  • Reviewed by Team Vuo
  • Open for community voting
  • Chosen to be implemented
  • Released

When we (Team Vuo) plan each release, we try to implement as many of the community's top-voted feature requests as we have time for.

If anyone would like to help this happen sooner, we're also accepting open source contributions and commissioned work.

Read more about how Vuo feature requests work.

Votes

1 vote so far!

Who voted?

cwilms-loyalist's picture