Hello everybody,
I am currently doing my senior project for my CS bachelors degree and i am using processing and  controlP5. The application is going to have multiple screens and i want to divide the screens up into classes for cleaner and more maintainable code.
Is there a way to make classes that have ControlP5 controls in them?
I tried making and initialization constructor for the screen but keep getting null pointer errors. Here is what i tried for a class.
Any help is appreciated.

Code:

import controlP5.*;

class createAlbumScreen
{
  ControlP5 controlP52 = new ControlP5(this);
  private controlP5.Button createAlbumButton;
  private controlP5.Button addImageToAblumButton;
  private controlP5.Button saveAlbumButton;


createAlbumScreen() {
  controlP52 = new ControlP5(this);
  createAlbumButton = controlP52.addButton("CreateAlbum",0,400,175,300,100);
  addImageToAblumButton = controlP5.addButton("AddImageToAlbum",0,350,600,200,75);
  saveAlbumButton = controlP5.addButton("SaveAlbum",0,100,600,200,75);

}

void settingVisibility(controlP5.Controller temp)
{
  if(temp.isVisible())
  {
    temp.setVisible(false);
  }
  else
  {
    temp.setVisible(true);
  }
}

void showScreen() {
  
  settingVisibility(createAlbumButton); 
  settingVisibility(addImageToAblumButton); 
  settingVisibility(saveAlbumButton);
  
}

void hideScreen(){
  
  settingVisibility(createAlbumButton); 
  settingVisibility(addImageToAblumButton); 
  settingVisibility(saveAlbumButton);
  
}



}//end class 

@Andrew
yep thats a bug. i will take a look.

@Travis_W
controlP5's constructor can only be initiated with a  reference to your sketch/PApplet, custom classes are not allowed. instead of using multiple instances of controlP5, why not declaring one global instance of controlP5 and use it within your other classes. controllers can be arranged in groups, so each custom class could have its own group of controllers which are turned on/off whenever you need/dont need them?

@Dimitre
thats right, listboxes can't be saved/loaded yet, sorry.

@rosa
taken from the ControlP5radioButton example with adjustments:
Code:

import controlP5.*;

ControlP5 controlP5;

int myColorBackground = color(0,0,0);

RadioButton r;
void setup() {
  size(400,400);
  smooth();
  controlP5 = new ControlP5(this);
  r = controlP5.addRadioButton("radioButton",20,160);
  r.setColorForeground(color(120));
  r.setColorActive(color(255));
  r.setColorLabel(color(255));
  r.setItemsPerRow(5);
  r.setSpacingColumn(50);

  addToRadioButton(r,"red",1, color(255,0,0));
  addToRadioButton(r,"green",2, color(0,255,0));
  addToRadioButton(r,"blue",3, color(0,0,255));
}


void addToRadioButton(RadioButton theRadioButton, String theName, int theValue, int theColor ) {
  Toggle t = theRadioButton.addItem(theName,theValue);
  t.setColorBackground(theColor);
  t.captionLabel().setColorBackground(color(80));
  t.captionLabel().style().movePadding(2,0,-1,2);
  t.captionLabel().style().moveMargin(-2,0,0,-3);
  t.captionLabel().style().backgroundWidth = 46;
}


void draw() {
  background(myColorBackground);
}
 

You already answered my second question right above! So only my first question still exists

controlP5 will only find variables inside your main sketch, here the class that extends PApplet. therefore, your variable tt inside class Test will not be change when making changes to the slider. you can use controlEvent though to forward the change in value to your subclass.

Code:

public void controlEvent(ControlEvent theEvent) {
  if(theEvent.name().matches("tt")) {
    t.tt = (int)theEvent.value();
  }
}
 

best,andreas

Hey I want to know if there is any way I can use the slider as a progress bar?  I want it to act as the duration for an mp3 I'm playing through Ess.

Thanks in advance =]

Hello,

how can I add a ControlListener to an ControlGroup?
I add a class (MenueControlListener), but if I add the controlListener in the method "erstelleControlGroup" I get an NullPointerException. Which name must I choose to add the Listener?
Please look at my sourceCode:

Code:

class ProcessingGUI{
  MenueControlListener menueListener;
  ControlGroup ctrlEinstellungen, ctrlDatei;

  //Construct
  public ProcessingGUI() {
    menueListener = new MenueControlListener();
    ctrlDatei = this.erstelleControlGroup(ctrlDatei, "Datei", 0, 35);
    ctrlEinstellungen = 
      this.erstelleControlGroup(ctrlEinstellungen, 
                       "Einstellungen", 40, 60);  
  }
	
  private ControlGroup erstelleControlGroup(ControlGroup ctrl, String nameLabel, int linkePosition, int breite){
      ctrl = controlP5.addGroup(nameLabel,linkePosition,top,breite);
      ctrl.captionLabel().toUpperCase(false);
      ctrl.setColorLabel(color(255));
      ctrl.close();
    try{
      //nameLabel is the wrong name. 
      //I also choose "ctrl.toString()", but it doesn't work
      ctrl.controller(nameLabel).addListener(menueListener);
    } catch (Exception e) {
      System.out.println(e);
      System.out.println("Error erstelleControlGroup");
      //Output:
      //NullPointerException
    }
    return ctrl;
  }
}


class MenueControlListener implements ControlListener {
  public void controlEvent(ControlEvent theEvent) {
     //TODO
  }
} 

Another doubt, is there a way of marking the selected item on a listbox by color?
I've noticed setColorValue property colorizes the collapsing plus/minus sign, setColorActive is equivalent to "mouseover".
I would like to use color to indicate actual selected value
thank you

Hello,

i've got a problem with the controlWindow. Using controlP5 in my main-class, everything is working great.
Now I want to open a new Window, where a graph should be appear. The functions to plot the graph are stored in a seperate class, wich use only processing-functions like stroke() ,fill(), etc. .

So i make a new instance of my Graph-Class, passing the controlP5 by the constructor and there, i want to open a new ControlWindow.
I've got following error:  java.lang.reflect.InvocationTargetException.

My Code:

import processing.core.*;
import java.util.Vector;
import java.util.Random;
import controlP5.*;


public class MainClass extends PApplet{
     
     private static final long serialVersionUID = 1L;
     DataGraph graph;
     
     //GUI-Components
     ControlP5 controlP5;      
     
     //Words for Computation
     int word1, word2;
     
     //Main-Class
     public static void main(String args[]) {
           
         PApplet.main(new String[] { "--present", "MainClass" });
     }
     
     //Init the Main-Window
     public void setup(){
           
           size(800,640,JAVA2D);
           background(200,200,100);
           
           controlP5 = new ControlP5(this);
               graph = new DataGraph(controlP5,drawDataGraph(1,2));
      }
      .
      .
      .
}


import processing.core.PApplet;
import controlP5.*;

public class DataGraph{
     
     private static final long serialVersionUID = 1L;
     PApplet parent;
     float[] pfad;

     
     DataGraph(ControlP5 control,float[] pfad){
           
           ControlWindow window  =  control.addControlWindow("Neu", 100, 100);

              parent = window.papplet();      
              ...
            parent.fill();
              ...
     }


Hope you can help me.
Thanks!

Tweek