Anda di halaman 1dari 4

Creacin de Interfaz Grfica en Netbeans

Crear una interfaz grafica en netbeans, no es nada dificil, puesto que en si el programa esta hecho para auxiliarnos en este tipo de necesidades. Como si estuvieramos siguiendo estas sencillas instrucciones, realmente haremos algo extraordinario con nuestra interfaz: 1.Abrimos el IDE (Integrated Development Environment o Entorno de Desarrollo Integrado) en este caso llamado Netbeans, y creamos un nuevo proyecto

2. Despues de crear el proyecto, dentro de nuestros paquetes, en los Source Packages, que es donde se encuentra el paquete que nos dan por default, crearemos un nuevo archivo del tipo JFrame que es del tipo ventana o recuadro(marco) y que nos abrira una pestaa en el proyecto, y nos mostrara un panel donde tendremos herramientas de edicin con las cuales disearemos nuestra interfaz. 3.Entre las herramientas que tenemos a la mano, son cajas de texto, botones, listbox, combobox, checkbox y que son utilizados frecuentemente en las ventanas. 4. Para poner cada una de estas herramientas en nuestro panel basta con arrastrarlo y acomodarlo en el lugar que queramos que este. Hasta que vallamos teniendo lo que vamos deseando como por ejemplo:

5.Ademas si queremos editar campos como en el anterior panel la etiqueta de texto que dice "Tu nombre es:" solo hay que buscar en la parte derecha, justamente de donde arrastramos nuestro componentes para el panel, ahi se encuentra la pestaa Propiedades, que suele tener un aspecto similar a la siguiente imagen:

6. Bueno y esta parte se hizo con la pestaa de diseo, que realmente es facil, pero no nos muestra como codificarlo y esto es lo que realmente interesa, entonces para poder aprender algo de como es que se codifica yo recomiendo que al estar agregando cada componente, vallamos viendo en la pestaa Source que nos muestra el codigo, y ademas podemos aprender paso a paso como irlo haciendo hasta que no tengamos la necesidad de usar el diseador. 7. En este caso el codigo de la venta que se hizo quedo asi:
private void jButton1MousePressed(java.awt.event.MouseEvent evt) { jLabel1.setText("Tu nombre es "+jTextField1.getText()); }

JLabel se refiere a la etiqueta que se agrego al panel y el JTextField a la caja de texto que capturara los datos que necesitamos, getText() es la funcin que hace que reciba los datos y setText() es la funcin que utiliza para cambiar el caption.

El MousePressed es cuando le damos eventos a un botn, para que haga lo que necesitamos, para este caso tambin hay un men para ese botn que se abre con el botn secundario, y que nos muestra los eventos que puede hacer.

8. Por lo tanto si ejecutaramos el programa y lo probaramos con mi nombre quedaria algo asi:

package basico; // nombre del paquete el cual estoy trabajando ustedes le pueden colocar cualquier nombre import java.awt.GridBagLayout; // para utilizar un lienzo de estilo import java.awt.event.ActionEvent; // para el click al botton (asi se le da accion al botton) import java.awt.event.ActionListener; // el que estara pendiente al momento de dar click al botton //componentes de swing import javax.swing.JButton; // botones import javax.swing.JFrame; // para el area de trabajo import javax.swing.JTextField; // area de texto import javax.swing.WindowConstants; // constantes de ventanas // esta clase es para definir mis objetos: ventana, botton y las areas de texto public class ejemploswing { private JFrame ven; private JButton but; private JTextField text1,text2,text3; //clase principal public static void main (String args[]) { new ejemploswing(); // creando una instnacia de la misma clase } public ejemploswing() { ven = new JFrame("SUMA DE 2 NUMEROS");// es el nombre de cabecera de la ventana // panel de contenido con la forma gridbaglayout, esto mantiene todos los elementos en el centro // sin importar si la ventana esta maximizada o no ven.getContentPane().setLayout(new GridBagLayout());

text1 = new JTextField(3); // para crear las areas de texto en este caso las cree text2 = new JTextField(3); ven.getContentPane().add(text1); // aadir a la ventana el campo de texto 1

ven.getContentPane().add(text2); // aadir a la ventana el campo de texto 2 but = new JButton("Suma");// para darle nombre al boton ven.getContentPane().add(but); // para aadir a la ventana el botton text3 = new JTextField(10);// 3 ven.getContentPane().add(text3); //************************* //invocacion de un metodo para sumar los datos introducidos but.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) // se toman los datos y se pasan a 2 varibles { int n1 =Integer.parseInt(text1.getText()); int n2 =Integer.parseInt(text2.getText()); // se suman las 2 varibles y introducen a la variable total int total = n1+n2; // muestra en el textarea3 el resultado de la suma text3.setText(" "+total); } }); //************************* //esto siempre tiene que estar presente esto hace visible toda la interfaz ven.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); ven.pack(); ven.setVisible(true); } }