controlP5 Button class input to Textfield

maxxeldia..

controlP5 Button class input to Textfield

in Contributed Library Questions • 10 months ago

Just a general question to throw out there: Has anyone tried to use the Button or Bang class to pass values into Textfield with controlP5? I am working on a customized gps app to run on a touch screen platform and need to implement an on-screen keyboard. I get my functions to do what I want with a physical keyboard, but need to get a virtual one to do the same.

I can get Buttons (or Bangs) to work and register controller events, but marring that with the Textfield class is getting to be real bugger.

Replies(2)

jeff_g

Re: controlP5 Button class input to Textfield

10 months ago

Sure, you can set the textfield when a key is pressed.

textfield.setText(textfield.getText() + mykey);

maxxeldia..

Re: controlP5 Button class input to Textfield

9 months ago

Okay,

So here is the code that I'm using (minus other stuff that isn't really relative to this..yet) that gets me ALMOST to where I need to be...The highlighted line allows me to input text from a Bang(or button) into the Textfield...thats great! sort of...After drawing an entire qwerty keyboard I found that as this code is written each Bang I click displays its stringValue in the Textfield - and thus saves to "HandleList.txt", but the next Bang clicked overwrites the one previous. In other words, it doesn't input the stringValues of the Bang/button sequentially as typed.

What I'm thinking that is that I might have to write the Bang stringValues to an array to be read Textfield somehow as the characters are typed...ugh, I hate arrays! any input would be very appreciated!

import controlP5.*;
ControlP5 cp5;
String myHandleList[];
//String newHandle;
void setup(){
size(800, 480);
cp5 = new ControlP5(this);
PFont font = createFont("arial", 12);
cp5.addTab("User Setup")
.activateEvent(true)
.setLabel("User Setup")
.setHeight(30)
.setWidth(60)
.setId(2)
.setColorBackground(color(10,50,255))
.setColorLabel(color(255))
.setColorActive(color(50,100,255))
.addCanvas(new userSetup());
}
void draw(){
void draw(){
background(50,200,75, 100);
fill(0);
stroke(255);
strokeWeight(1);

//set up top and bottom display fields
rect(0, 450, width, height);
rect(0, 0, width, height-450);
fill(0,0,255);
text("Zoom:", width-80, 20);
text("Sats:", 10, height-10);
text("MAP WILL DISPLAY HERE", width/2, height/2);
fill(255);
strokeWeight(2);
handleDisplay();

}
public void controlEvent(ControlEvent theEvent){
if(theEvent.isAssignableFrom(Bang.class)){
println("controlEvent: accessing a string from controller '"+theEvent.getName()+"' : "+theEvent.getStringValue());
cp5.get(Textfield.class,"Handle").setText(theEvent.getStringValue());
}
if(theEvent.isAssignableFrom(Textfield.class)){
println("controlEvent: accessing a string from controller '"+theEvent.getName()+"' : "+theEvent.getStringValue());
String myHandle = theEvent.getStringValue();
String myHandleList[] = split(myHandle, ' ');

if(key == ENTER){
saveStrings("HandleList.txt", myHandleList);
println(theEvent.getStringValue()+ " has been saved");
}
}
}
public void Handle(String theText){
println("a textfield event for controller 'Handle' : " +theText);
}
//Canvas, for User Setup display
class userSetup extends Canvas{

public void setup(PApplet userSetup){
PFont font = createFont("arial", 12);

//Add Textfield to userSetup Canvas
cp5.addTextfield("Handle")
.setColorBackground(0)
.setPosition(300, 40)
.setSize(100,20)
.keepFocus(false)
.setFont(font)
.getText();
//.setColor(color(255,255,255));

//points to public void Handle and moves it User Setup Canvas
cp5.getController("Handle").moveTo("User Setup");
keyboardButtonsCaps();
}

public void draw(PApplet userSetup){
userSetup.fill(color(0,100,200,50));
userSetup.rect(64, 30, 600, 300);
userSetup.fill(255);
}
}
void keyboardButtonsCaps(){
cp5.addBang("Q")
.setPosition(80, 100)
.setSize(32,32)
.setStringValue("Q")
.getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER);
cp5.getController("Q").moveTo("User Setup");
}

Top Reply