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

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. Vote your favorite features to the top! (How do Vuo feature requests work?)

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

Votes

1 vote so far!

Who voted?

cwilms-loyalist's picture