Formulario personalizado en java

Formulario Básico En Java

Encuentra en el sitio

Últimos Artículos

En los anteriores ejemplos he usado el JOptionPane en Java para ingresar y mostrar datos, pero hay objetos de la swing de Java que satisfacen estas necesidades, entre estos encontramos principalmente los JLabel (Etiquetas) y JTextField (Campos de texto). Con los primeros mostramos datos, y con los campos de texto obtenemos los datos, aunque también podemos mostrar los datos por medio de este objeto, todo esto en un simple Formulario Básico en Java.

Al igual que cuando creamos las Ventanas en Java y los Botones, este tipo de objetos también se puede personalizar, pero a continuación se mostrara como se crean inicialmente estos objetos.

USAR JLABEL Y JTEXTFIELD EN JAVA

En las lineas esta comentareado el uso de cada una, alli encontraran donde se crean, se añaden y se usan específicamente cada una, no sobra recordar que es importante añadir las librerías que están desde la linea 2 hasta la 10 para que funcione el siguiente ejemplo:

//librerias necesarias
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Insets;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;

public class GuiJava implements ActionListener{//implementando el listener de eventos
    
    JButton bt1;//creando variables globales de los botones
    JLabel jl1, jl2, jl3;//creando variables globales para las etiquetas
    JTextField jt1, jt2, jt3;//creando variables globales para los campos de texto
    JFrame jf = new JFrame("Formulario Basico Java");//creacion de ventana con el titulo
    
    public GuiJava(){//constructor de la clase        
        
        jf.setLayout(new FlowLayout());//Configurar como se dispondra el espacio del jframe
        Dimension d = new Dimension();//objeto para obtener el ancho de la pantalla
        
        //Instanciando etiquetas
        jl1 = new JLabel("Numero 1");
        jl2 = new JLabel("Numero 2");
        jl3 = new JLabel("=");
        
        //Instanciando cuadros de texto
        jt1 = new JTextField(2);
        jt2 = new JTextField(2);
        jt3 = new JTextField(2);
        
        //Instanciando boton con texto
        bt1 = new JButton("+");
        
        //añadiendo objetos a la ventana
        jf.add(jl1); jf.add(jt1); jf.add(bt1); jf.add(jl2); jf.add(jt2);
        jf.add(jl3); jf.add(jt3);
        
        //margenes para texto en boton
        bt1.setMargin(new Insets(1, 5, 1, 5));
                
        //añadiendo el listener a los botones para manipular los eventos del click
        bt1.addActionListener(this);        
        
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//finaliza el programa cuando se da click en la X        
        jf.setResizable(false);//para configurar si se redimensiona la ventana
        jf.setLocation((int) ((d.getWidth()/2)+290), 50);//para ubicar inicialmente donde se muestra la ventana (x, y)
        jf.setSize(400, 250);//configurando tamaño de la ventana (ancho, alto)
        jf.setVisible(true);//configurando visualización de la venta
    }

    public static void main(String[] args) {        
        GuiJava gj = new GuiJava();//uso de constructor para la ventana
    }

    @Override
    public void actionPerformed(ActionEvent e) {//sobreescribimos el metodo del listener
        
        int n1, n2, nr;//variables que almacenaran los numeros de los campos de texto
                
        if(e.getSource()==bt1){//podemos comparar por el contenido del boton
            
            //Los campos de texto son de tipo string, asi que tomamos la cadena con el metodo .getText()
            //y lo almacenamos en la variable.
            n1 = Integer.parseInt(jt1.getText());
            n2 = Integer.parseInt(jt2.getText());
            
            nr = n1 + n2; //realizamos la operacion
            
            jt3.setText(""+nr);/*mostramos el valor mediante el metodo .setText() como muestra cadenas
             anteponemos una cadena vacia y concatenamos el resultado*/
        }        
    }
}

El ejemplo anterior realiza una suma, cabe aclarar que no se han validado los campos, esto lo explicare con detalle mas adelante, como lo dice el titulo es un formulario básico 😉 Una vez ejecutado veremos lo siguiente:

Formulario básico en java

Como vemos es algo realmente básico, podremos configurar algunas cosas y lo mejoraremos bastante para el usuario, así que con el siguiente código se podrán apreciar las modificaciones necesarias para lo anterior.

PERSONALIZANDO FORMULARIO

Como vemos la disposición inicial del JFrame con los objetos es cuando se agreguen así mismo se ubican, pero que si queremos controlar la posición y el tamaño?, también vemos que en la anterior imagen al momento de escribir nos aparece al lado izquierdo, pero si queremos cambiar la orientación de escritura?

//librerias necesarias
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Insets;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;

public class GuiJava implements ActionListener{//implementando el listener de eventos
    
    JButton bt1;//creando variables globales de los botones
    JLabel jl1, jl2, jl3;//creando variables globales para las etiquetas
    JTextField jt1, jt2, jt3;//creando variables globales para los campos de texto
    JFrame jf = new JFrame("Formulario Basico Java");//creacion de ventana con el titulo
    
    public GuiJava(){//constructor de la clase        
        
        jf.setLayout(null);//Configurar como se dispondra el espacio del jframe
        Dimension d = new Dimension();//objeto para obtener el ancho de la pantalla
        
        //Instanciando etiquetas
        jl1 = new JLabel("Numero 1");
        jl2 = new JLabel("Numero 2");
        jl3 = new JLabel("=");
        
        //Instanciando cuadros de texto
        jt1 = new JTextField(2);
        jt2 = new JTextField(2);
        jt3 = new JTextField(2);
        
        //Instanciando boton con texto
        bt1 = new JButton("+");
        
        //Ubicando los objetos a nuestro gusto
        jl1.setBounds(30, 40, 60, 25); jt1.setBounds(100, 40, 40, 25);
        bt1.setBounds(185, 40, 25, 25);
        jl2.setBounds(235, 40, 60, 25); jt2.setBounds(295, 40, 40, 25);        
        jl3.setBounds(30, 85, 60, 25); jt3.setBounds(100, 85, 40, 25);
        
        //Cambiando horientacion texto
        jt1.setHorizontalAlignment(JTextField.RIGHT); jt2.setHorizontalAlignment(JTextField.RIGHT);
        jt3.setHorizontalAlignment(JTextField.RIGHT);
        
        //Cambiando color, tamaño del borde, como tambien redondeandolo
        jt1.setBorder(BorderFactory.createLineBorder(Color.red, 2, true));
        jt2.setBorder(BorderFactory.createLineBorder(Color.red, 2, true));
        jt3.setBorder(BorderFactory.createLineBorder(Color.red, 2, true));
        
        //ocultando el jlabel y el jtextfield del resultado
        jl3.setVisible(false); jt3.setVisible(false);
        
        //añadiendo objetos a la ventana
        jf.add(jl1); jf.add(jt1); jf.add(bt1); jf.add(jl2); jf.add(jt2);
        jf.add(jl3); jf.add(jt3);
        
        //margenes para texto en boton
        bt1.setMargin(new Insets(1, 5, 1, 5));
                
        //añadiendo el listener a los botones para manipular los eventos del click
        bt1.addActionListener(this);        
        
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//finaliza el programa cuando se da click en la X        
        jf.setResizable(false);//para configurar si se redimensiona la ventana
        jf.setLocation((int) ((d.getWidth()/2)+290), 50);//para ubicar inicialmente donde se muestra la ventana (x, y)
        jf.setSize(400, 250);//configurando tamaño de la ventana (ancho, alto)
        jf.setVisible(true);//configurando visualización de la venta
    }

    public static void main(String[] args) {        
        GuiJava gj = new GuiJava();//uso de constructor para la ventana
    }

    @Override
    public void actionPerformed(ActionEvent e) {//sobreescribimos el metodo del listener
        
        int n1, n2, nr;//variables que almacenaran los numeros de los campos de texto
                
        if(e.getSource()==bt1 && jt3.getText().equals("")){//podemos comparar por el contenido del boton
            
            //Los campos de texto son de tipo string, asi que tomamos la cadena con el metodo .getText()
            //y lo almacenamos en la variable.
            n1 = Integer.parseInt(jt1.getText());
            n2 = Integer.parseInt(jt2.getText());
            
            nr = n1 + n2; //realizamos la operacion
            
            //mostrando los objetos donde se mostrara el resultado
            jl3.setVisible(true); jt3.setVisible(true);
            
            jt3.setBackground(Color.lightGray);
            jt3.setText(""+nr);/*mostramos el valor mediante el metodo .setText() como muestra cadenas
             anteponemos una cadena vacia y concatenamos el resultado*/
        }
        else{
            jt1.setText(""); jt2.setText(""); jt3.setText("");
            jl3.setVisible(false); jt3.setVisible(false);
        }
    }
}

Los cambios se han hecho en la linea 22 donde se toma todo el JFrame para ubicar los objetos a nuestro gusto; las lineas de la 38 a la 54 son las que hemos modificado algunas características de los JLabel y JTextField; en el método sobre escrito para el evento del botón se hizo una modificación, es mas parte de lógica que del objetivo del post, así quedara con las modificaciones:

Formulario personalizado en java

Si ejecutas el segundo ejemplo veremos como algo de lógica y un retoque por aquí y otro por allá harán una aplicación sencilla en algo llamativo 😉

Si te ha gustado el post, compártelo, regala un like ó comenta 😉

Resumen
Fecha Publicación
Resumen articulo
Crear un Formulario Básico en Java para ingresar y mostrar texto usando JLabel y JTextField en Java. Ademas de agregar color, bordes, margenes y modificar la posición y el tamaño de estos objetos.
Calificación
51star1star1star1star1star
  1. Avatar for belial9826 KamiAll dice:

    si quieren agregarle otra funcion al boton o cualquier otro lo que tienen que hacer es
    “boton.addActionListener(new ActionListener(){
    public void actionPerformed(ActionEvent evt){
    //Aqui pones tu funcion o mandas llamar una
    }
    });

  2. ¿se podria utilizar java para el acceso a un sistema mediante clave y luego llenar datos?

  3. Avatar for belial9826 johan dice:

    muy bueno …..excelente

  4. Avatar for belial9826 nacho dice:

    Hola, necesitaba hacer un formulario simple de avisos en java o html pero poder grabar los datos de ese formulario en un fichero, yo trabajo con filemaker y sql y quería poner un formulario en cada pc y a traves de la Lan recoger los datos desde filemaker, sí tienes alguna idea te lo agradezco, un saludo

  5. Avatar for belial9826 JESSI dice:

    interesante!!!

  6. Avatar for belial9826 Rosa dice:

    Oye tu programa solo sirve para suma no?

    1. Avatar for belial9826 belial9826 dice:

      Asi es, el resultado es solo para mostrar que la interfaz puede ser enlazada para mostrar respuestas.

  7. Avatar for belial9826 Enrique ramirez dice:

    Hola, hago aplicaciones en access utilizando visual basic access y en mi trabajo me dijeron que ya no más aplicaciónes en access que ahora todo en java pero resulta que no se nada de java, he estado viendo tus códigos pero necesito un ejemplo de altas, bajas, cambios y consultas e impresiones, tendrás algún ejemplo que me pueda ayudar a elaborar un programa de mantenimiento (altas, bajas, cambios), si lo tienes ó no lo tienes como quiera gracias tus códigos los voy a tomar como referencia, saludos y felicitaciones desde México D.F.

  8. Avatar for belial9826 mateo dice:

    Amigo quiero en una ventana emergente se le puedan pedir varios datos al usuario en una sola
    como
    nombre:
    Edad:
    Fecha de cumpleaños

    muchas gracias

  9. Avatar for belial9826 AlexisRuiz dice:

    Hola amigo ,quiero agradecerte por tus aportes ….Las personas que como tu comparten sus trabajos para que los que saben poco o tenemos poco conocimiento aprendan y tengan mas posibilidades de enriquecersen hacen una excelente labor ,en mi caso me ha gustado mucho la programación y ahora trato de ampliar lo escaso que sé de esta forma investigando en el tiempo que tenga ..ahora solo he mirado por encima este blog mas adelante espero ver mas detalladamente y encontrarme con mucha informacion ,nuevamente muchas gracias…

Deja un comentario