add GSlider to GWindow (guicomponents)

jpreveil

add GSlider to GWindow (guicomponents)

in Contributed Library Questions • 10 months ago

Though guicomponents GWindow widget is a Processing applet I don't see how to add
ordinary widgets (GSliders, ...) to a GWindow. Is it possible ? I don't see neither how
such widgets could operate from within GWinData.

Starting from P. Lager createWindow() method from his g4p_windowsstarter example I unsuccessfully
(and naively) tried several variants of the kind :

public void createWindow(){
int col;

//GSlider sl; // ???

    col = (128 << 8) | 0xff000000;
    window = new GWindow(this, "Window", 130, 100, 200, 200,false, JAVA2D);
    window.setBackground(col);
    window.addData(new MyWinData());
    window.addDrawHandler(this, "windowDraw");
    window.addMouseHandler(this, "windowMouse");

    // following add is not allowed, can we circumvent this issue ????
    window.add(new GSlider(this,0,10,10,10,10));
}

Is there a trick to build GUIs in separate windows ? That's not mandatory but
usefull to understand what can be done with this lib.

Replies(4)

quarks

Re: add GSlider to GWindow (guicomponents)

10 months ago

You should change the line
    window.add(new GSlider(this,0,10,10,10,10));
to
    window.add(new GSlider(window.papplet,0,10,10,10,10));

The slider will be too small to see/work with so I have changed some of the values below.

Also if you are going to have more than one slider then you need to be able see which one is generating the events e.g.

GSlider sl;

// add you window creation code here

sl = new GSlider(window.papplet,0,10,100,40,10);
window.add(sl);

then the event handler will be

public void windowMouse(GSlider slider, GEvent event){
if(slider == sl){
    // process slider sl events
}
}

I am currently updating the GUI builder tool to work with the latest version of G4P and this will make it much easier to create complex GUIs. This link shows the previous version of the tool in action creating multiple windows. The new GUI builder tool should be ready in time for Christmas.

jpreveil

Re: add GSlider to GWindow (guicomponents)

10 months ago

@quarks
Thanks for this quick answer; just tried your hint but got a :
"Cannot instantiate the type GSlider"
either replacing this by window.papplet in window.add(...) or in declaration
of a GSlider variable :
GSlider sl = new GSlider(window.papplet,...);

I'll read again guicomponents api trying to find a clue.

quarks

Re: add GSlider to GWindow (guicomponents)

10 months ago

When I saw you using GSlider I thought you were using the latest version of G4P (V3.0.0). I strongly recommend that you use Processing 2.0b6 and the latest version of G4P by selecting Import Library | Add library | G4P from the menus.

Please do not use Processing 2.0b7 as I have just discovered G4P will not work with it in P3D mode at the moment.

V3.0.0 of G4P is a massive improvement on previous versions. Also the GUI builder tool is also being updated to work with this version.

To move things along the following code demonstrates how to create a window with a slider on it. It uses G4P V3.0.0 and Processing 2.0b6 (NOT b7)

import g4p_controls.*;
GSlider sl;
GWindow window;
int col;
float slValue = 0;
public void setup() {
size(160, 160);
col = (128 << 8) | 0xff000000;
window = new GWindow(this, "Window", 130, 100, 400, 320, false, JAVA2D);
window.setBackground(col);
window.addDrawHandler(this, "windowDraw");
window.addMouseHandler(this, "windowMouse");
// New slider
// The first parameter refers to the applet responcible for drawing the control
// the next four are x,y,width,height of the area to draw the control
// into.
// The last parameter is the slider track thickness.
sl = new GSlider(window.papplet, 10, 100, 100, 40, 10);
slValue = sl.getValueF();
}
public void draw() {
background(240);
fill(255,0,0);
noStroke();
rect(0,0,width*slValue,40);
}
public void windowDraw(GWinApplet winapplet, GWinData windata) {
winapplet.background(col);
winapplet.fill(255,255,0);
winapplet.noStroke();
winapplet.rect(0,0,winapplet.width*slValue,40);
}
public void windowMouse(GWinApplet winapplet, GWinData windata, MouseEvent mouseevent) {
println("Mouse event in extra window");
}
public void handleSliderEvents(GValueControl slider, GEvent event) {
if (slider == sl) {
slValue = sl.getValueF();
}
}

jpreveil

Re: add GSlider to GWindow (guicomponents)

10 months ago

@quarks
Thank you for this shining example. I thought I had the latest version of G4P, but things change quickly and I updated. The lib will be intensively used in forthcoming apps.

Top Reply