So I’ve been learning how to make GUI’s but simple ones. However I was looking to make something like this that I have made in figma down below. I was just curious how to go about making the panels and the general layout of the UI. Like do I just make different files for each panel and hook them up to the PluginEditor.h and PluginEditor.cpp? I just need some advice or some general direction to go. If there are any other resources please mention them too. Thanks.
You do not need different files for each panel, and the general layout you’ve shown can be easily be expressed in a few lines of Juce code.
If you want the panels to have a fixed with, then the area.removeFromRight() method from the first tutorial is probably the easiest option.
If you want the panels to have flexible width then look at juce::FlexBox from the second tutorial.
If you want the boxes on the left side to be like tab buttons which you click on to display the current section, look at juce::TabbedComponent (you can ignore this if your buttons on the left are not intented to work as tabs).
If the inlay / off-coloured box inside each tab is important, look at juce::GroupComponent.
At some point, you’ll probably need to get to know the Slider class also.
