Create the new window using the GUI builder. Then in the customGUI() method use the setVisible(false) method to hide the window and then use setVisible(true) when you want to see it again e.g. when a button is clicked.


BTW might want to download latest G4P (3.2.0) and GUI Builder (2.2.0)

Hi,

If you are using 1.5.1 then don't upgrade because the new versions are not compatible with 1.5.1, changes in Processing from 1.5.1 > 2.0 mean I could not keep G4P compatible with both versions.

You can't set the visibilty in GUI Builder so it has to be in your own code.

The code inside the gui.pde tab is regenerated everytime you move from the design window to the code window. Any code you type inside the event handler methods is safe from deletion so place any comments inside the event handlers.

ok, is good to know, thanks.

But I have a problem to understand, how I can realize the problem, with the window, that poped up, when I click the button.

The code below was created with the latest version of G4P and GUI builder so you can't just cut and copy the code but you should be able to recreate it. I used GUI Builder to add a button to the main form and a new Window.

Main sketch tab

1. // Need G4P library
2. import g4p_controls.*;
3. public void setup(){
4.   size(480, 320);
5.   createGUI();
6.   customGUI();
7.   // Place your setup code here
8.  
9. }
10. public void draw(){
11.   background(230);
12.  
13. }
14. 
    
15. // Use this method to add additional statements
16. // to customise the GUI controls
17. public void customGUI(){
18.   window1.setVisible(false); // hide the window to start with
    
19. }

gui tab

1. public void button1_click1(GButton source, GEvent event) { //_CODE_:button1:394497:
2.   // When the button is clicked make the window visible
3.   window1.setVisible(true);
4. } //_CODE_:button1:394497:
5. 
   
6. synchronized public void win_draw1(GWinApplet appc, GWinData data) { //_CODE_:window1:572447:
7.   appc.background(230);
8. } //_CODE_:window1:572447:
9. 
   
10. // Create all the GUI controls.
11. // autogenerated do not edit
12. public void createGUI(){
13.   G4P.messagesEnabled(false);
14.   G4P.setGlobalColorScheme(GCScheme.BLUE_SCHEME);
15.   G4P.setCursor(ARROW);
16.   if(frame != null)
17.     frame.setTitle("Sketch Window");
18.   button1 = new GButton(this, 58, 39, 80, 30);
19.   button1.setText("Face text");
20.   button1.addEventHandler(this, "button1_click1");
21.   window1 = new GWindow(this, "Window title", 0, 0, 240, 120, false, JAVA2D);
22.   window1.addDrawHandler(this, "win_draw1");
23. }
24. 
    
25. // Variable declarations
26. // autogenerated do not edit
27. GButton button1;
28. GWindow window1;

Also my website has links to a number video demonstrations using the GUI Builder you might find helpful.

Ok thanks for your help. 

Processing\libraries\guicomponents\reference
and open the index.html file.

The GUI Builder tool alows you to design a GUI that will be created when the sketch starts. The code above uses the GUI Builder to design a window that will be created and hidden on start up, then shows the window when a button is clicked.

If you want to create a new window when  the button is clicked then you can see how to do this with the window starter example that comes with the G4P library. Also more info about G4P windows can be found here.

Ok, this link show me, how i can programm this without the GUI builder. But whne i use the Builder i should write only the setVisible() with false in the main and the the same function with true in the Event of the button, is it right ?

i should write only the setVisible() with false in the main and the the same function with true in the Event of the button, is it right ?

Yes

Is it possible that i ask you, when i have problems, and i can't resolve this ?

Yes - but I cannot promise to reply as quickly, depends on what other things I am doing.

OK thank you very much :D

Hi thanks, this with the windows is functioned.
Now I want to communicate with the Arduino via the Serial libary (Arduino is connected via usb), in other words: for example I press in the main window CAN. So after that it will pop up the can window, that contains a dropdown box with 5 choices and a textbox, an exit button and a "send to arduino" button.

I want to send the content that i write into the textbox to the Arduino, when the Button "Send to Arduino" is pressed.

So for  this I use the Serial library. So I need a Code section in my GUI and a code section in my Arduino.

My question is, where i should write the Code section for the GUI, I have two files from the GUI: 1) gui.pde    2)GUI_Programm?

Because I want to send the content from the textbox when I press the button "Send to Arduino".

 

Thanks a lot.

 

In the gui tab you can add code inside the event handlers ONLY, do not add extra methods for the Arduino stuff that should be in the main tab.

Although the code is split over two tabs it behaves as if all the code is in a single tab so when you click on a button you can add code inside the event handler that calls a method in the main tab.

Hi, my target is, that I can send from the GUI Information to my arduino.

So and for example , when I press the button "send" this with the help of the serial library I transmit the data to arduino.

My problem is to understandm where i should put this action, that when I press the button the should send it to arduino.

Should I write this into the gui.pde in the eventhandler for the BUtton ? Sorry for the questions .

 

Should I write this into the gui.pde in the eventhandler for the BUtton ?

Yes that would be ok

OK because i'm a little bit confused.