Creating a drawable Graph out of Sliders

Getting Started
1

Hi,
i’ve been stuck for days now trying to do a drawable graph out of customized sliders.

i created a custom component (parent) which consists of an array of LinearBarVertical sliders. They have been programmatically placed and styled using my own LookAndFeel and my own paint function.

However since i want to draw e.g. a waveform using this component,
i don’t want to use the standard mousebehaviour on sliders,
because this prevents “drawing” from left to right.

so i tried overriding the parent components hitTest to set the slidersVlaues depending on the mouseposition and if isMouseButtonDownAnywhere but i can’t get it to work.
can somebody please give me a hint and point me in the reight direction? that would be nice!

    int totalNumberOfSliders =100;

int sliderX = 10;
int sliderY = 0;
int sliderWidth =10;
int sliderHeight = 500;

bool hitTest (int x, int y) override
{

if ( isMouseButtonDownAnywhere() == true )
{

    if(y >= sliderY && y <  sliderWidth)                                               // click is inside sliders y range
    {

        for(int i=0; i<totalNumberOfSliders; i++)                                      // iterate through sliders
            {
                if(x >= (i*sliderX)-sliderX  && x < (i*sliderWidth))                // click is inside sliders x range
                { sliderArray.getUnchecked (i)->setValue(, dontSendNotification);}     // set clicked sliders value to y value of mouse
            }
    }

    }
    
    return false;

}

slidergraph
slidergraph.PNG1020×461 19.3 KB

thank you in advance and thanks for reading

  • Marcel /Dangerough
2

This is going to be slow and a pain to manage I’d say. Why not just have two points with a line connecting them or else a bezier curve?

3

Yikes! wow… that’s an erm… interesting way to approach the problem! You need a single custom component there, you can’t build something like that out of other elements.

4

Ok thank you very much,
i thought i was almost there, since i want my graph to consist of exact “number of sliderbars” which can be set by the user in the range of “sliderRange”.

i thought now i only need a new hittest, to enable “drawing with mouse”.

but i’ll try again from scratch and go full custom component.

Cheers

  • Dangerough