I have a little problem with my programme.

I would like to control if the text in the textfield is good or not but it doesn't work.

I can get the text in the textfield but when I want to check if it's good it doesn't work.

Some one has a solution for me please?

The code is here :

String Reponse = "oui";

import controlP5.*;

ControlP5 cp5;

void setup() {
  size(700,400);

  PFont font = createFont("arial",20);

  cp5 = new ControlP5(this);

  cp5.addTextfield("input")
     .setPosition(20,100)
     .setSize(200,40)
     .setFont(font)
     .setFocus(false)
     .setColor(color(255,0,0))
     ;
      cp5.addBang("clear")
     .setPosition(240,170)
     .setSize(80,40)
     .getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)
     ;    

    textFont(font);
}

void draw() {
  background(0);
  fill(255);
  text("Ecrivez votre réponse ici",20,90);
  text(cp5.get(Textfield.class,"input").getText(), 360,130);
  if(cp5.get(Textfield.class,"input").getText() == Reponse){
    text("Vrai",20,20);
  }
}

public void clear() {
  cp5.get(Textfield.class,"input").clear();
}

thank you

Have constructed a bit of code that creates say 5 text fields along with corresponding submit buttons.

Have managed this with For Loops. Is there a more elegant way to do this?

I feel my code can be improved as it would be very cumbersome to keep copy-pasting and changing the relative numbers especially for the submit() function. The overall code would take up too much space.

Can the submit function reside within a for loop as well?

Would love to hear some ideas so that I can take it forward. Thanks!

Here is the code I'm using:

import controlP5.*;

ControlP5 cp5;

// Should we do an array for this initialization?
// I don't want to type out say 30 textValues. What is the more elegant way to represent this?
// Arrays.fill()??

String textValue_1 = "";
String textValue_2 = "";
String textValue_3 = "";
String textValue_4 = "";
String textValue_5 = "";

void setup() {
  size(800, 1000);
  cp5 = new ControlP5(this);

  for (int i = 1; i < 6; ++i) {
    cp5.addTextfield("textValue" + "_" + i)
      .setPosition(20, 80*i)
        .setSize(200, 40)
          .setFont(createFont("arial", 20))
            .setCaptionLabel("Enter Text for field " + i)
              .setAutoClear(false)
                ;

    cp5.addButton("submit"+ "_" + i)
      .setPosition(240, 80*i)
        .setSize(80, 40)
          .setCaptionLabel("submit")
            .getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)
              ;
  }
} 

void draw() {
  background(0);
}

// The function for submit... can this be done in a for loop?
// I may want a large number of text fields
// and it can get tedious typing it all out every time I change the number


public void submit_1() {
  cp5.get(Textfield.class, "textValue_1").submit();
}

public void submit_2() {
  cp5.get(Textfield.class, "textValue_2").submit();
}

public void submit_3() {
  cp5.get(Textfield.class, "textValue_3").submit();
}

public void submit_4() {
  cp5.get(Textfield.class, "textValue_4").submit();
}

public void submit_5() {
  cp5.get(Textfield.class, "textValue_5").submit();
}


void controlEvent(ControlEvent theEvent) {
  if (theEvent.isAssignableFrom(Textfield.class)) {
    println("controlEvent: accessing a string from controller '"
      +theEvent.getName()+"': "
      +theEvent.getStringValue()
      );
  }
}

I wants to show text in the Textarea ouput in mode multiline: every time I press Return on TextField input shows a different line but don't work! any solution? please : )

import controlP5.*;

ControlP5 cp5;

String textValue = "";

Textfield input;
Textarea output;

StringList script;

int index = 0;
void setup()
{
  size(1000,700, P3D);
  frameRate(15);

  PFont font = createFont("arial",20);

  cp5 = new ControlP5(this);

  script = new StringList();

  input = cp5.addTextfield("input")
       .setColor(color(0))
       .setColorBackground(color(255,255,255,29))
       .setColorCursor(color(0))
       .setPosition(10,10)
       .setSize(980,40)
       .setFont(font)
       .setFocus(true)
       ;

  output = cp5.addTextarea("output")
       .setColor(color(0))
       .setColorBackground(color(255,255,255,29))
       //.setColorCursor(color(0))
       .setPosition(10,70)
       .setSize(980,600)
       .setFont(font)
       ;

}

void draw()
{
  background(255);

}

void controlEvent(ControlEvent theEvent){
  index = index + 1;
  textValue = input.getText();
  //println(textValue);
  script.append(textValue);
  String item = script.get(index-1);
  item +=item + "\n";
  output.setText(item + "\n");
  //println(script);
}

Code formatted by moderator 23/02/2018

How could I save the contents of a textArea in a text file?

It worked to open normal as the example in the link below, but still managed to save not ... tried this code, but it gives error, the syntax is wrong ...

https://forum.processing.org/one/topic/textarea-using-controlp5.html

stretch code:

//String[] lines = loadStrings(textArea.getText());
//printArray(lines);

String lines = textArea.getText()
println(lines);

for (int i = 0; i <= lines.length-1; i++){
   lineSave[i] = lines[i];
}

saveStrings(split(lineSave, "\n"));

Thanks in advance for your attention.

import java.awt.*;

Label textFieldLabel = new Label("Titel des Fensters: ");
TextField textField = new TextField("Ein Fenster", 16);

void setup(){
  size(800, 600);
  add(textFieldLabel);
  add(textField);
}

void draw(){
  frame.setTitle(textField.getText());
}

Excuse me, I contact you because I start to use processing but I need your help.

In fact I have 2 tab, and I want to create a tab or something like that who is before these two other tabs where we have to enter an username and a password, if password ok, you « switch » on the other tab and you can do what you want, if the password is wrong, you can’t access once the password is not good.. :/

Is it possible to do something like that or not?

I see that someone do that

import java.awt.*;

import java.awt.event.*;

void setup(){ size(600, 600); Label l1 = new Label("Enter Username"),

l2 = new Label("Enter password");

TextField t1 = new TextField("",45), t2 = new TextField(20);

t2.setEchoChar('*');
add(l1);
add(t1);
add(l2);
add(t2);

}

i don’t know if it can help you..

Sincerely, Alexis.

String sonda_F1= str(char(inBuffer[42]))+str(char(inBuffer[44]))+str(char(inBuffer[46]))+str(char(inBuffer[48]));

textfield1.setPromptText(sonda_F1); **

I've problems when I try to read what I wronte inside the textfield1 as follow :

String my_datatxt = textfield1.getText();

println("My data :" my_datatxt);**

The output show just "My data :"

I've used the same method with a lable and lable11.getText() has worked fine , Where I'm wrong ?? :(

And another thing... assuming that I'm able to read the content of textfield1 and I got a value like this "1234", how can I split these in for different character to be store inside 4 location of a byte[] ?

Thanks since now for any suggestion ! :D

import java.nio.ByteBuffer; import processing.serial.*; import controlP5.*;

/*********************************************** * User specification section **********************************************/ int windowWidth = 900; // set the size of the int windowHeight = 600; // form

float InScaleMin = 0; // set the Y-Axis Min float InScaleMax = 1024; // and Max for both float OutScaleMin = 0; // the top and float OutScaleMax = 255; // bottom trends

int windowSpan = 300000; // number of mS into the past you want to display int refreshRate = 100; // how often you want the graph to be reDrawn;

//float displayFactor = 1; //display Time as Milliseconds //float displayFactor = 1000; //display Time as Seconds float displayFactor = 60000; //display Time as Minutes

String outputFileName = "C:/A1Trash holder/ProcessorOutputFileFolder/USERProcOut.txt"; // if you'd like to output data to // a file, specify the path here

/*********************************************** * end user spec **********************************************/

int nextRefresh; int arrayLength = windowSpan / refreshRate+1; int[] InputData = new int[arrayLength]; //we might not need them this big, but int[] SetpointData = new int[arrayLength]; // this is worst case int[] OutputData = new int[arrayLength];

float inputTop = 25; float inputHeight = (windowHeight-70)2/3; float outputTop = inputHeight+50; float outputHeight = (windowHeight-70)1/3;

float ioLeft = 150, ioWidth = windowWidth-ioLeft-50; float ioRight = ioLeft+ioWidth; float pointWidth= (ioWidth)/float(arrayLength-1);

int vertCount = 10;

int nPoints = 0;

float Input, Setpoint, Output;

boolean madeContact =false; boolean justSent = true;

Serial myPort;

// USER adds a test to print the String String inString; // Input string from serial port USER added

ControlP5 controlP5; controlP5.Button AMButton, DRButton; controlP5.Textlabel AMLabel, AMCurrent, InLabel, OutLabel, SPLabel, PLabel, ILabel, DLabel,DRLabel, DRCurrent; controlP5.Textfield SPField, InField, OutField, PField, IField, DField;

PrintWriter output; PFont AxisFont, TitleFont;

void setup() { frameRate(30); size(900, 600);

println(Serial.list()); // * Initialize Serial myPort = new Serial(this, Serial.list()[0], 9600); //USER changed 1 to 0for comport 3 //USER Communication with arduino via comport this is because it is the first listed of the serial list and 1st one is number 0 // myPort.bufferUntil(10); // the Arduino

controlP5 = new ControlP5(this); // * Initialize the various SPField= controlP5.addTextfield("Setpoint",10,100,60,20); // Buttons, Labels, and InField = controlP5.addTextfield("Input",10,150,60,20); // Text Fields we'll be OutField = controlP5.addTextfield("Output",10,200,60,20); // using PField = controlP5.addTextfield("Kp (Proportional)",10,275,60,20); // IField = controlP5.addTextfield("Ki (Integral)",10,325,60,20); // DField = controlP5.addTextfield("Kd (Derivative)",10,375,60,20); // AMButton = controlP5.addButton("Toggle_AM",0.0,10,50,60,20); // AMLabel = controlP5.addTextlabel("AM","Manual",12,72); // AMCurrent = controlP5.addTextlabel("AMCurrent","Manual",80,65); // controlP5.addButton("Send_To_Arduino",0.0,10,475,120,20); // SPLabel=controlP5.addTextlabel("SP","3",80,103); // InLabel=controlP5.addTextlabel("In","1",80,153); // OutLabel=controlP5.addTextlabel("Out","2",80,203); // PLabel=controlP5.addTextlabel("P","4",80,278); // ILabel=controlP5.addTextlabel("I","5",80,328); // DLabel=controlP5.addTextlabel("D","6",80,378); // DRButton = controlP5.addButton("Toggle_DR",0.0,10,425,60,20); // DRLabel = controlP5.addTextlabel("DR","Direct",12,447); // DRCurrent = controlP5.addTextlabel("DRCurrent","Direct",80,440); //

AxisFont = loadFont("axis.vlw"); TitleFont = loadFont("Titles.vlw");

nextRefresh=millis(); if (outputFileName!="") output = createWriter(outputFileName); }

void draw() { background(200); drawGraph(); drawButtonArea();

}

void drawGraph() { //draw Base, gridlines stroke(0); fill(230); rect(ioLeft, inputTop,ioWidth-1 , inputHeight); rect(ioLeft, outputTop, ioWidth-1, outputHeight); stroke(210);

//Section Titles textFont(TitleFont); fill(255); text("PID Input / Setpoint",(int)ioLeft+10,(int)inputTop-5); text("PID Output",(int)ioLeft+10,(int)outputTop-5);

//GridLines and Titles textFont(AxisFont);

//horizontal grid lines int interval = (int)inputHeight/5; for(int i=0;i<6;i++) { if(i>0&&i<5) line(ioLeft+1,inputTop+iinterval,ioRight-2,inputTop+iinterval); text(str((InScaleMax-InScaleMin)/5(float)(5-i)+InScaleMin),ioRight+5,inputTop+iinterval+4);

} interval = (int)outputHeight/5; for(int i=0;i<6;i++) { if(i>0&&i<5) line(ioLeft+1,outputTop+iinterval,ioRight-2,outputTop+iinterval); text(str((OutScaleMax-OutScaleMin)/5(float)(5-i)+OutScaleMin),ioRight+5,outputTop+iinterval+4); }

//vertical grid lines and TimeStamps int elapsedTime = millis(); interval = (int)ioWidth/vertCount; int shift = elapsedTime*(int)ioWidth / windowSpan; shift %=interval;

int iTimeInterval = windowSpan/vertCount; float firstDisplay = (float)(iTimeInterval(elapsedTime/iTimeInterval))/displayFactor; float timeInterval = (float)(iTimeInterval)/displayFactor; for(int i=0;i<vertCount;i++) { int x = (int)ioRight-shift-2-iinterval;

line(x,inputTop+1,x,inputTop+inputHeight-1);
line(x,outputTop+1,x,outputTop+outputHeight-1);    

float t = firstDisplay-(float)i*timeInterval;
if(t>=0)  text(str(t),x,outputTop+outputHeight+10);

}

// add the latest data to the data Arrays. the values need // to be massaged to get them to graph correctly. they // need to be scaled to fit where they're going, and // because 0, 0 is the top left, we need to flip the values. // this is easier than having the user stand on their head // to read the graph. if(millis() > nextRefresh && madeContact) { nextRefresh += refreshRate;

for(int i=nPoints-1;i>0;i--)
{
  InputData[i]=InputData[i-1];
  SetpointData[i]=SetpointData[i-1];
  OutputData[i]=OutputData[i-1];
}
if (nPoints < arrayLength) nPoints++;

InputData[0] = int(inputHeight)-int(inputHeight*(Input-InScaleMin)/(InScaleMax-InScaleMin));
SetpointData[0] =int( inputHeight)-int(inputHeight*(Setpoint-InScaleMin)/(InScaleMax-InScaleMin));
OutputData[0] = int(outputHeight)-int(outputHeight*(Output-OutScaleMin)/(OutScaleMax-OutScaleMin));

} //draw lines for the input, setpoint, and output strokeWeight(2); for(int i=0; i<nPoints-2; i++) { int X1 = int(ioRight-2-float(i)pointWidth); int X2 = int(ioRight-2-float(i+1)pointWidth); boolean y1Above, y1Below, y2Above, y2Below;

//DRAW THE INPUT
boolean drawLine=true;
stroke(255,0,0);
int Y1 = InputData[i];
int Y2 = InputData[i+1];

y1Above = (Y1>inputHeight);                     // if both points are outside 
y1Below = (Y1<0);                               // the min or max, don't draw the 
y2Above = (Y2>inputHeight);                     // line.  if only one point is 
y2Below = (Y2<0);                               // outside constrain it to the limit, 
if(y1Above)                                     // and leave the other one untouched.
{                                               //
  if(y2Above) drawLine=false;                   //
  else if(y2Below) {                            //
    Y1 = (int)inputHeight;                      //
    Y2 = 0;                                     //
  }                                             //
  else Y1 = (int)inputHeight;                   //
}                                               //
else if(y1Below)                                //
{                                               //
  if(y2Below) drawLine=false;                   //
  else if(y2Above) {                            //
    Y1 = 0;                                     //
    Y2 = (int)inputHeight;                      //
  }                                             //
  else Y1 = 0;                                  //
}                                               //
else                                            //
{                                               //
  if(y2Below) Y2 = 0;                           //
  else if(y2Above) Y2 = (int)inputHeight;       //
}                                               //

if(drawLine)
{
  line(X1,Y1+inputTop, X2, Y2+inputTop);
}

//DRAW THE SETPOINT
drawLine=true;
stroke(0,255,0);
Y1 = SetpointData[i];
Y2 = SetpointData[i+1];

y1Above = (Y1>(int)inputHeight);                // if both points are outside 
y1Below = (Y1<0);                               // the min or max, don't draw the 
y2Above = (Y2>(int)inputHeight);                // line.  if only one point is 
y2Below = (Y2<0);                               // outside constrain it to the limit, 
if(y1Above)                                     // and leave the other one untouched.
{                                               //
  if(y2Above) drawLine=false;                   //
  else if(y2Below) {                            //
    Y1 = (int)(inputHeight);                    //
    Y2 = 0;                                     //
  }                                             //
  else Y1 = (int)(inputHeight);                 //
}                                               //
else if(y1Below)                                //
{                                               //
  if(y2Below) drawLine=false;                   //
  else if(y2Above) {                            //
    Y1 = 0;                                     //
    Y2 = (int)(inputHeight);                    //
  }                                             //
  else Y1 = 0;                                  //
}                                               //
else                                            //
{                                               //
  if(y2Below) Y2 = 0;                           //
  else if(y2Above) Y2 = (int)(inputHeight);     //
}                                               //

if(drawLine)
{
  line(X1, Y1+inputTop, X2, Y2+inputTop);
}

//DRAW THE OUTPUT
drawLine=true;
stroke(0,0,255);
Y1 = OutputData[i];
Y2 = OutputData[i+1];

y1Above = (Y1>outputHeight);                   // if both points are outside 
y1Below = (Y1<0);                              // the min or max, don't draw the 
y2Above = (Y2>outputHeight);                   // line.  if only one point is 
y2Below = (Y2<0);                              // outside constrain it to the limit, 
if(y1Above)                                    // and leave the other one untouched.
{                                              //
  if(y2Above) drawLine=false;                  //
  else if(y2Below) {                           //
    Y1 = (int)outputHeight;                    //
    Y2 = 0;                                    //
  }                                            //
  else Y1 = (int)outputHeight;                 //
}                                              //
else if(y1Below)                               //
{                                              //
  if(y2Below) drawLine=false;                  //
  else if(y2Above) {                           //
    Y1 = 0;                                    //
    Y2 = (int)outputHeight;                    //
  }                                            //  
  else Y1 = 0;                                 //
}                                              //
else                                           //
{                                              //
  if(y2Below) Y2 = 0;                          //
  else if(y2Above) Y2 = (int)outputHeight;     //
}                                              //

if(drawLine)
{
  line(X1, outputTop + Y1, X2, outputTop + Y2);
}

} strokeWeight(1); }

void drawButtonArea() { stroke(0); fill(100); rect(0, 0, ioLeft, windowHeight); }

void Toggle_AM() { if(AMLabel.valueLabel().getText()=="Manual") { AMLabel.setValue("Automatic"); } else { AMLabel.setValue("Manual");
} }

void Toggle_DR() { if(DRLabel.valueLabel().getText()=="Direct") { DRLabel.setValue("Reverse"); } else { DRLabel.setValue("Direct");
} }

// Sending Floating point values to the arduino // is a huge pain. if anyone knows an easier // way please let know. the way I'm doing it: // - Take the 6 floats we need to send and // put them in a 6 member float array. // - using the java ByteBuffer class, convert // that array to a 24 member byte array // - send those bytes to the arduino void Send_To_Arduino() { float[] toSend = new float[6];

toSend[0] = float(SPField.getText()); toSend[1] = float(InField.getText()); toSend[2] = float(OutField.getText()); toSend[3] = float(PField.getText()); toSend[4] = float(IField.getText()); toSend[5] = float(DField.getText()); Byte a = (AMLabel.valueLabel().getText()=="Manual")?(byte)0:(byte)1; Byte d = (DRLabel.valueLabel().getText()=="Direct")?(byte)0:(byte)1; myPort.write(a); myPort.write(d); myPort.write(floatArrayToByteArray(toSend)); justSent=true; }

byte[] floatArrayToByteArray(float[] input) { int len = 4input.length; int index=0; byte[] b = new byte[4]; byte[] out = new byte[len]; ByteBuffer buf = ByteBuffer.wrap(b); for(int i=0;i<input.length;i++) { buf.position(0); buf.putFloat(input[i]); for(int j=0;j<4;j++) out[j+i4]=b[3-j]; } return out; }

//take the string the arduino sends us and parse it void serialEvent(Serial myPort) { // String read = myPort.readStringUntil(10); String read = myPort.readStringUntil(10); //USER changed from 10 to // inString = myPort.readString(); //USER added this //try the next one String inString = myPort.readStringUntil(10); //USER added this if(outputFileName!="") output.print(str(millis())+ " "+read); String[] s = split(read, " ");

if (s.length ==9) { Setpoint = float(s[1]); // * pull the information println("setpoint:",Setpoint); //TBGFE Input = float(s[2]); // we need out of the println("Inpute:", Input); //TGBFE Output = float(s[3]); // string and put it println("Output: ",Output); //TGBFE

//USER adds test print text(" text received: " + inString, 10,50); //USER added this println ("println read received: " ,read); //USER added to see what is in string
println ("println inString received: " ,inString); //USER added to see what is in string SPLabel.setValue(s[1]); // where it's needed InLabel.setValue(s[2]); // OutLabel.setValue(trim(s[3])); // PLabel.setValue(trim(s[4])); // ILabel.setValue(trim(s[5])); // DLabel.setValue(trim(s[6])); // AMCurrent.setValue(trim(s[7])); // DRCurrent.setValue(trim(s[8])); if(justSent) // * if this is the first read { // since we sent values to SPField.setText(trim(s[1])); // the arduino, take the InField.setText(trim(s[2])); // current values and put OutField.setText(trim(s[3])); // them into the input fields PField.setText(trim(s[4])); // IField.setText(trim(s[5])); // DField.setText(trim(s[6])); // // mode = trim(s[7]); // AMLabel.setValue(trim(s[7])); // //dr = trim(s[8]); // DRCurrent.setValue(trim(s[8])); // justSent=false; // } //

if(!madeContact) madeContact=true;

} }