Tutorial - Ingreso de datos (Tercera parte) / Envío de datos con botón

El programa que vamos a mostrar a continuación, es uno que permite ingresar un texto en un campo de texto para luego, por medio de un botón mostrarlo por el monitor serial de Processing.

El programa usado es el siguiente:
/* PROGRAMA DE PRUEBA DE COMUNICACION SERIAL
     
   El siguiente programa nos ayuda a enviar texto usando un boton para recibirlo el mismo dato por el 
   monitor serial de Processsing

   Autor: Carolina G.
   http://beetlecraft.blogspot.pe/
    
   El siguiente programa es de uso publico, cualquier modificacion o mal uso del mismo que pudiera 
   ocasionar el mal funcionamiento de la plataforma de uso de la misma no es responsabilidad del autor
*/

import controlP5.*; // Importacion de la libreria controlP5
ControlP5 cp5;      // Creacion del objeto cp5 para el ControlP5
 
String dato; // Dato de almacenamiento del cuadro de texto
 
void setup() {
  size(340, 100); // Porte de la pantalla ancho, alto
  
  PFont fuente = createFont( "arial", 15); // Tamano de la fuente y tipo
  
  cp5 = new ControlP5(this);          // Inicializacion de la funcion cp5
  cp5.addTextfield("Dato de entrada") // Nombre del cuadro de texto
     .setPosition(20, 20)             // Ubicacion del boton en la ubicacion x, y
     .setSize(200, 40)                // Tamano del boton ancho, alto
     .setFont(fuente)                 // Fuente del texto
     .setAutoClear(false);            // No se limpia el campo de texto con "Enter"      
   
  cp5.addBang("Enviar")    // Nombre del boton
     .setPosition(240, 20) // Ubicacion del boton en la ubicacion x, y
     .setSize(80, 40)      // Tamano del boton ancho, alto
     .setFont(fuente);     // Fuente del texto
}
 
void draw () {
  background(0); // Color de fondo
}
 
void Enviar() {
  // Lectura del valor obtenido del campo de texto
  dato = cp5.get(Textfield.class, "Dato de entrada").getText();
  
  println("Texto: " + dato); // Muestra del dato por monitor serial
  
  // Borra el cuadro de texto despues de apretar el boton
  cp5.get(Textfield.class, "Dato de entrada").clear(); 
}
Los resultados del programa son los siguientes:



Autor: 

No hay comentarios:

Publicar un comentario