Locked Interfaz Grafica en Java [Tercera parte]

[Expermicid]

Hola a todos, aqui vamos a hacer la tercera y ultima parte, en donde vamos a ver los eventos que es lo que nos faltaba.

 

Recuerden mirar si no lo hicieron las primeras dos partes.

 

Para comenzar vamos a ver lo que son las interfaces, que lo vamos a necesitar para llegar a los eventos.

 

Interfaz

 

La interfaz es una clase en donde se especifican los metodos pero sin implementarlos.

 

Una interfaz se declararia:

 

[LENGUAJE=Java]interface nombre_interface {

tipo_retorno nombre_metodo ( lista_argumentos ) ;

.............................

}[/LENGUAJE]

 

Como por ejemplo:

 

[LENGUAJE=Java]interface Persona {

public void caminar(String direccion, int cantidad);

public void saltar();

.............................

}[/LENGUAJE]

 

Eventos

 

Cuando se va a trabajar con eventos tenemos que especificar cuales son los objetos oyentes. Es decir tenemos que crear objetos y hacerlos oyentes de los eventos necesarios, en caso contrario no se podran manejar los eventos.

Hay muchos tipos de Listners:

 

• ActionListner: Eventos de accion (botones)
  
• KeyListner: Teclas del teclado
  
• MouseListner: Clicks en el mouse
  
• MouseMotionListner: Movimientos del mouse
  
• AdjustmentListner: Componente movido, redimensionado.
  
• WindowListner: Eventos de la ventana
  
• Entre otros...
  

 

Veamos un simple ejemplo en donde usemos esto para que sea mas facil de entender y luego lo haremos un poco mas interesante.

 

Vamos a crear una ventana. Sino se acuerdan pueden ver los las primera parte.

 

[LENGUAJE=Java]import javax.swing.*; // importamos los modulos de Swing

 

public class Windows extends JFrame { // creamos una clase que hereda de JFrame

 

Windows() { // constructor

setTitle("Ventana Nueva"); // titulo de la ventana

setSize(300, 200); // tamaño

setLocation(500, 500); // ubicacion

setVisible(true); // visibilidad

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // terminamos la aplicacion al cerrar la ventana

} // fin del constructor

 

} // fin class Windows[/LENGUAJE]

 

Vamos a crear una nueva clase que herede de JButton y que implemente ActionListener, que es una interfaz.

Importaremos primeramente lo que necesitemos.

 

[LENGUAJE=Java]import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import javax.swing.JButton;

 

public class unButton extends JButton implements ActionListener {

 

}[/LENGUAJE]

 

Dentro de dicha clase vamos a crear el constructor en donde le pondremos un texto al button.

Y ademas vamos a sobreescribir un metodo que se va a llamar cuando se ejecute un evento de la interfaz.

 

Nos quedaria asi entonces:

 

[LENGUAJE=Java]import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import javax.swing.JButton;

 

public class unButton extends JButton implements ActionListener {

 

unButton() { // constructor

super("Boton");

}

 

public void actionPerformed(ActionEvent arg0) { metodo de la interfaz ActionListener

System.out.printf("Preciosaste el Boton :)");

}

 

}[/LENGUAJE]

 

Para finalizar volvemos a la clase de la ventana y vamos a agregar un boton.

 

[LENGUAJE=Java]unButton button = new unButton(); // instanciamos un boton

button.addActionListener(button); // lo hacemos oyentes de si mismo

add(button); // lo agregamos al JFrame[/LENGUAJE]

 

Lo probamos y?

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Nos ha salido un boton medio grande xD

No hemos establecido ningun layout, para el que no se acuerde mire la segunda parte.

 

Veamos otro ejemplo en donde no vamos a usar la terminal. Sino que vamos a hacer uso de los objetos del JFrame.

En este ejemplo importaremos los modulos necesarios e instanciaremos una clase que herede de JFrame y que implemente la interfaz de ActionListener.

Dentro de ella crearemos un constructor donde le pondremos las configuraciones deseadas a la JFrame y agregaremos un JTextfield, un JButton y un JLabel.

Y mediante un evento haremos que lo que pongamos en el JTextField, al apretar el JButton pase al JLabel. :)

 

[LENGUAJE=Java]//importamos el modulo necesarios

import java.awt.FlowLayout;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import javax.swing.*;

 

public class Windows extends JFrame implements ActionListener { // creamos una clase que hereda de JFrame y que implementa la interfaz ActionListener

JLabel label;

JTextField texto;

 

Windows() { // constructor

setTitle("Ventana Nueva"); // titulo de la ventana

setSize(300, 200); // tamaño

setLocation(500, 500); // ubicacion

setVisible(true); // visibilidad

setLayout(new FlowLayout()); // especificamos un layout

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // terminamos la aplicacion al cerrar la ventana

 

texto = new JTextField("Introduce el Texto", 20); // instanciamos un objeto JTextField

JButton button = new JButton(); // instanciamos un objeto JButton

button.setText("Boton"); // colocamos un texto al boton

label = new JLabel(); // instanciamos un objeto JLabel

 

button.addActionListener(this); // configuramos a JFrame oyente del boton

 

// agregamos los objetos

add(texto);

add(button);

add(label);

 

} // fin del constructor

 

public void actionPerformed(ActionEvent arg0) {

label.setText(texto.getText()); // al JLabel le colocamos el texto del JTextField

}

 

} // fin class Windows[/LENGUAJE]

 

Si notaran al JLabel y al JTextField los declaramos fuera del constructor, y eso fue para que los podamos usar luego en el actionPerformed.

 

Veamos unas imagenes:

 

Antes de precionar el boton. Podemos ver los componente, al label no se lo nota pero esta.

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Introducimos un texto en el JTextField y presionamos el JButton.

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Para terminar veamos un ejemplo en donde vamos a tener que atender a mas de un componente para realizar sus eventos.

 

Vamos a hacer el mismo caso que el anterior pero agregando un par mas de componentes.

 

[LENGUAJE=Java]//importamos el modulo necesarios

import java.awt.FlowLayout;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import javax.swing.*;

 

public class Windows extends JFrame implements ActionListener { // creamos una clase que hereda de JFrame y que implementa la interfaz ActionListenes

JLabel label1, label2;

JTextField texto1, texto2;

JButton button1, button2;

 

Windows() { // constructor

setTitle("Ventana Nueva"); // titulo de la ventana

setSize(300, 200); // tamaño

setLocation(500, 500); // ubicacion

setVisible(true); // visibilidad

setLayout(new FlowLayout()); // especificamos un layout

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // terminamos la aplicacion al cerrar la ventana

 

texto1 = new JTextField(10); // instanciamos un objeto JTextField

button1 = new JButton(); // instanciamos un objeto JButton

button1.setText("Bt1"); // colocamos un texto al boton

label1 = new JLabel(); // instanciamos un objeto JLabel

 

texto2 = new JTextField(10); // instanciamos un objeto JTextField

button2 = new JButton(); // instanciamos un objeto JButton

button2.setText("Bt2"); // colocamos un texto al boton

label2 = new JLabel(); // instanciamos un objeto JLabel

 

button1.addActionListener(this); // configuramos a JFrame oyente del boton

button2.addActionListener(this); // configuramos a JFrame oyente del boton

 

// agregamos los objetos

add(texto1);

add(button1);

add(label1);

add(texto2);

add(button2);

add(label2);

 

} // fin del constructor

 

public void actionPerformed(ActionEvent arg0) {

 

}

 

} // fin class Windows[/LENGUAJE]

 

El code es exactamente el mismo que en el ejemplo anterior solo con la diferencia que le agregue un comonente mas de cada uno.

Asi nos quedaria:

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Ahora tenemos que reescribir el metodo actionPerformed.

 

[LENGUAJE=Java]public void actionPerformed(ActionEvent arg0) {

if (arg0.getSource() == button1)

label1.setText(texto1.getText());

if (arg0.getSource() == button2)

label2.setText(texto2.getText());

}[/LENGUAJE]

 

Para lograr esto hacemos uso del parametro arg0. Y tambien del metodo getSource, con el cual vamos a poder obtener quien ha disparado el evento.

 

Y asi nos quedara.

 

This is the hidden content, please

• Sign In
• or
• Sign Up

 

Final :)

 

Saludos

Edited February 16, 2014 by Expermicid

[M4IND0WN]

Re: Interfaz Grafica en Java [Tercera parte]

 

Buenos tutoriales :), me gusto mucho la parte 1 porque no conocia todos los elementos..

2 Tips:

1- en vez de poner setSize(int,int) y setLocation(int,int) puedes poner setBounds (int,int,int,int) que es una mezcla de los dos los dos primeros int son de location y los posteriores de size.

2- cuando dices que para esto utilizamos el parametro arg0 public void actionPerformed(ActionEvent arg0) no tiene por que set "arg0" ese es el que te viene por defecto, yo siempre lo suelo cambiar a "evento" para no confundirme.

 

Eso era.

Te recomiendo mirar tutoriales de este tio

This is the hidden content, please

• Sign In
• or
• Sign Up

que tiene un tutorial de Android utilizando java y otro de programacion de juegos utilizando Java tipo minecraft y tal...

Felicidades por los tutos!