Expandable GUI

[clevername27]

@ally @ally @d-healey Thank you all for sharing your thoughts, and taking the time to illustrate with screenshots. An interesting discussion, and cheers.

[orange]

Thank you! @Christoph-Hart

@d-healey said in Expandable GUI:

[DanH]

@ally who's suggested this will lead to poor UI design?

[ulrik]

@d-healey said in Expandable GUI:

You da man!

Indeed @Christoph-Hart is!!, thanks!

[ally]

@DanH

@clevername27 said in Expandable GUI:

@Fortune My hot take is that @Christoph-Hart shouldn't do it.An interface that changes size is poor design. You should never require so many on-screen widgets as to require the expansion of the interface. Think contextually.

[DanH]

@ally That's a HOT take!! @clevername27 :police_car_light:

[clevername27]

@DanH

[aaronventure]

@ulrik So the implementation is dead simple: create a broadcaster with width and height as arguments, then call Content.makeFrontInterface whenever you want to change the interface size.

Minor epilepsy warning in Reaper, though: when you size it down, the area delta flashes white for a few frames. I guess this is DAW-specific. I'd still be wary of using this for standard panel switching if the user has to endure flashing every time they switch the panels.

[d.healey]

@aaronventure You can use Content.setHeight() and Content.setWidth() - perhaps that will avoid the flashing issue?

I'm just looking at the example snippet from Christoph for this.

[aaronventure]

@d-healey I think it's Reaper's GUI framework from last century. In Reaper, the plugin GUI floats inside the plugin window (you can drag and scale the window beyond the plugin's range, and the plugin won't rescale, you'll just get the creamy white Reaper GUI canvas... you can also scale it down to hide the plugin window), so when the interface size changes, it takes a few frames for it to adjust its canvas to the new interface size.

[DabDab]

Where is the Expandable GUI Example ? Any Snippet Please .

[d.healey]

@DabDab snippet browser in HISE

[A Former User]

@aaronventure said in Expandable GUI:

@ulrik So the implementation is dead simple: create a broadcaster with width and height as arguments, then call Content.makeFrontInterface whenever you want to change the interface size.

Minor epilepsy warning in Reaper, though: when you size it down, the area delta flashes white for a few frames. I guess this is DAW-specific. I'd still be wary of using this for standard panel switching if the user has to endure flashing every time they switch the panels.

@aaronventure So this is not working properly in Reaper, right? Have you also tried on the other DAWs too?

@Christoph-Hart Any ideas?

[aaronventure]

@harris-rosendahl It's working properly, it's just Reaper. Read my previous message.

[d.healey]

I'm not seeing any issue here in Reaper (on Windows)

[DabDab]

@DabDab said in Expandable GUI:

Where is the Expandable GUI Example ? Any Snippet Please .

Okay, Here I have got it. here is the simple code..

inline function onResizeButtonControl(component, value)
{
	Content.setHeight(100 + value * 100);
};

Content.getComponent("ResizeButton").setControlCallback(onResizeButtonControl);

[WepaAudio]

@DabDabok, so I just copied your code in an empty project with a button named ( ResizeButton ) when I compile the canvas get reduced I cant see the button, so I go to the added code and sett the high,( Content.setHeight(100 + value * 100);
I compile and when I press the button it crash, is this works on Hise 4 and up? im on Hise 3.6.2, thanx

[d.healey]

@WepaAudio You need to be using the develop branch

[DabDab]

@WepaAudio said in Expandable GUI:

@DabDabok, so I just copied your code in an empty project with a button named ( ResizeButton ) when I compile the canvas get reduced I cant see the button, so I go to the added code and sett the high,( Content.setHeight(100 + value * 100);
I compile and when I press the button it crash, is this works on Hise 4 and up? im on Hise 3.6.2, thanx

You need HISE 4.0 for that. Now it's time to upgrade from 3.6.x to 4.0 if you didn't customize too much of the source code.

[aaronventure]

@DabDab said in Expandable GUI:

You need HISE 4.0 for that.

This mean little; you need a commit from Aug 7 '24 or later.