Está en la página 1de 54

Manual de Java

Creación de un proyecto Swing utilizando NetBeans

Objetivos: Los objetivos de este tutorial es dar a conocer al alumno el proceso de creación de un programa basado en UI (interfaces gráficas), específicamente Swing. El alumno podrá ser capaz de crear un proyecto siguiendo los pasos dados en el presente manual.

PASO 1: CREACION DE UN PROYECTO. El primer paso a realizar es crear un proyecto como lo hacemos normalmente, se debe hacer clic en Archivo / Files, Proyecto Nuevo / New Project.

Figura 1. PASO 1.1: CREACION DE UN PROYECTO. En la siguiente pantalla, en la parte “categorías” debemos seleccionar Java y en la sección “Proyectos” debemos seleccionar Aplicación Java / Java Aplication, y hacemos un clic en siguiente/next. Tal como muestra la Figura 2.

Figura 2.

PASO 1.3: CREACION DE UN PROYECTO. Lo siguiente que se debe realizar es darle un nombre a nuestro proyecto en este caso nuestro proyecto se llama TUTORIAL. Otro aspecto importante a mencionar es que debemos deseleccionar la opción que dice crear clase principal / class main create, y para finalizar hacemos un clic en Terminar / Finish tal como se muestra la Figura 3.

Figura 3.

PASO 2: CREACION DE UN PAQUETE. Lo siguiente que se debe realizar es ir a la parte izquierda donde se encuentran nuestros proyectos, y debemos buscar en nuestro proyecto que hemos creado (llamado TUTORIAL) la carpeta que dice paquetes de fuente / source package, debemos abrir esta carpeta y en el paquete que dice <paquete predeterminado>/<default package> debemos hacer clic con el botón derecho y debemos seleccionar nuevo / new, Paquete Java / Package Java, tal como se indica en la Figura 4.

Figura 4. PASO 2.1: CREACION DE UN PAQUETE. El siguiente paso es asignar un nombre a nuestro paquete en nuestro caso nuestro paquete es llamado de la siguiente forma cl.inacap.frames y hacemos un clic en terminar / Finish, tal como se indica en la Figura 5.

Figura 5.

PASO 3: CREACION DE UNA VENTANA JFRAME. tal como indica la Figura 7. .inacap. Ahora debemos dar un nombre a nuestro JFrame. Formulario JFrame / JFrame Form tal como se indica en la Figura 6. en nuestro caso le llamaremos “PrimeraVentana”. Figura 6.1: CREACION DE UNA VENTANA JFRAME. debemos hacer clic con el botón derecho en éste y debemos seleccionar nuevo / new. PASO 3.frames. Ahora en nuestro paquete el cual es llamado cl. luego hacemos clic en Terminar / Finish.

tal como se indica en la Figura 8. específicamente Framework Swing Aplication. debemos hacer clic con el botón derecho y seleccionar Agregar Biblioteca / Add Library. Para agregar la librería o biblioteca Swing. .Figura 7. Figura 8. lo primero que se debe realizar es ir a nuestro proyecto TUTORIAL en la parte izquierda de la pantalla. PASO 4: AGREGAR LA LIBRERÍA O BIBLIOTECA SWING. en la carpeta llamada Biblioteca / Library.

1: AGREGAR LA LIBRERÍA O BIBLIOTECA SWING. tal como se indica en la Figura 9. Figura 9. Ahora estamos en condiciones de utilizar los controles de Swing para crear nuestra aplicación. . una vez seleccionada la opción del paso 4. debemos escoger dentro de las librerías que nos ofrece el gestor de biblioteca. Finalmente. Figura 10. la opción que dice “Framework Swing Aplication” ó “Swing Aplication Framework”.PASO 4.

Añadir controles a un JFrame .

. además de conocer las propiedades básicas que contiene cada control junto con sus eventos.Objetivos: Los objetivos de este tutorial es dar a conocer al alumno como incorporar controles a un JFrame (contenedor). El alumno podrá ser capaz de crear una ventana JFrame con controles y programar los eventos que sean necesarios.

tabla (Table). además de Ventanas las cuales no aparecen en la Figura 1. Menús. lista desplegable (ListBox). etiqueta (Label). En los Controles se trabajará con los más comunes como los son el botón (button). Además veremos el Panel con pestañas que es otro tipo de contenedor y puede contener más de un Panel. área de texto (TextArea). botón de opción (RadioButton).1. Controles. A continuación se muestran alguno de los elementos más comunes existentes en Swing clasificados por Contenedores. PALETA O PALLET DE HERRAMIENTAS Figura 1. En los Menús se trabajará específicamente con la barra de menú (menú bar) y los elementos de menú (menú element). campo de texto (TextField). . casilla de activación (Checkbox). En los Contenedores se trabajará con los Panel los cuales pueden estar contenidos en un JFrame o en otro Panel. lista (List).

2. Por ejemplo en la Figura 2 se ha añadido un botón el cual veremos algunas propiedades de este control. Figura 2. Para cambiar el nombre del botón basta con hacer clic con el botón derecho y seleccionar la opción editar texto tal como se muestra en la Figura 3. AÑADIENDO CONTROLES A UN JFRAME Para añadir un control a un JFrame basta con hacer un clic en uno de los controles que queramos añadir y arrastrarlo hasta el JFrame. Figura 3 .

el nombre de su variable por defecto sería “jButton1”. NetBeans por defecto le asigna un nombre de variable en particular. Figura 5. en nuestro caso al momento de crear un botón.Al momento de añadir un control a un JFrame. Para cambiar el nombre de la variable botón. debemos hacer clic con el botón derecho y seleccionar “cambiar nombre de la variable” tal como se ilustra en la Figura 4. Cada control tiene propiedades asociadas las cuales se pueden acceder directamente en la derecha de nuestra pantalla o hacer clic con el botón derecho sobre el control y seleccionar propiedades (ver Figura 5). en donde en nuestro caso cambiamos la variable “jButton1” por “botonAceptar”. . Figura 5.

3. .Ventana de propiedades Figura 6. Figura 7. action. Tal como se muestra en la Figura 7. actionPerformed. CREAR UN EVENTO AL CONTROL BOTON La manera de crear un evento para un control determinado es haciendo clic con el botón derecho sobre el control y seleccionar eventos.

Figura 8. editar el texto. En este manual se ha trabajado con un control específico (botón). .Al realizar la operación anterior nos llevara al método en donde tendremos que programar el evento para un determinado problema. esto como una forma de comprender de mejor manera nuestro programa. por ejemplo se siguen los mismos pasos para añadir un control. el nombre del método comienza con en nombre de la variable que asignamos en la sección 2 (Figura 5). ya sea para corregir un error o para una futura mantención. los controles restantes se trabajan de igual forma. cambiar el nombre de variable por defecto y crear un evento. Como se puede apreciar en la Figura 8.

Propiedades básicas de los controles más usados .

Objetivos: Los objetivos de este tutorial es dar a conocer al alumno las propiedades básicas para trabajar con los controles y así poder resolver un problema en particular. El alumno podrá ser capaz de crear una aplicación sencilla utilizando las propiedades básicas de los controles. .

desde el punto de vista de diseño basta con hacer clic con el botón derecho y seleccionar propiedades tendremos lo siguiente: Color de fondo setEditable() Formato del Texto setText(String) Figura 3. . La figura 1 muestra las propiedades desde el punto de vista de programación.1. Suponiendo que nuestra variable se llama “campoTexto” tenemos que los métodos más comunes que se utilizan en un campo de texto son: Figura 2. PROPIEDADES DEL CONTROL CAMPO DE TEXTO O TEXFIELD Figura 1.

ya sea un JFrame o un JPanel. El control Etiqueta o Label funciona de la misma manera que el campo de texto. 2. . los métodos más comunes que se pueden utilizar desde la codificación son: Figura 5.La figura 3 muestra alguna de las propiedades que se pueden realizar directamente cuando estamos diseñando nuestra ventana. Figura 4. Supongamos que nuestra variable se llama “comboBox”. en este manual se especifican las más básicas. cabe destacar que existen más funcionalidades en un control. PROPIEDADES DEL CONTROL COMBOBOX.

Color de fondo setEditable() Insertar datos en el comboBox Mensajes de ayuda Figura 6. . se muestran algunas propiedades desde la vista de diseño de NetBeans para el control comboBox o lista desplegable. En la Figura 6.

Figura 8. PROPIEDADES DEL CONTROL RADIOBUTTON Y CHECKBOX Figura 7. los métodos más comunes son. supongamos que tenemos un radioButton y el nombre de su variable se llama “opción”. Solo se referirá a uno de estos controles por la razón explicada anteriormente. se pueden ver las siguientes: . Estos controles se comportan de la misma manera sólo cambia su diseño gráfico. Algunas propiedades desde la vista de diseño.3.

setSelected() setText() . texto del control Activa o desactiva el control Figura 9. .

Menús y carga de paneles en un JFrame .

El alumno podrá ser capaz de crear una aplicación sencilla utilizando las propiedades de menús y los comandos para poder visualizar distintos paneles en un JFrame . además de poder cargar varios paneles en un JFrame dependiendo del elemento de menú seleccionado.Objetivos: Los objetivos de este tutorial es dar a conocer al alumno las propiedades básicas para trabajar con los menús.

el cual es un contenedor de menús y la forma de agregarlo a un JFrame es similar a como añadimos un control: Figura 2.1. Edit) como el nombre de su variable. MENUS SWING. y posteriormente se le añaden los menús desplegables. . En NetBeans existe un control en la sección Menus Swing los cuales se pueden apreciar en la Figura 1: Figura 1. Como se visualiza en la Figura 2. Los JMenus implementan una barra de menús que se añade a un contenedor de alto nivel (JFrame). al agregar una barra de menú esta trae valores por defecto tanto para el texto que se visualiza (File. Dentro de las herramientas existe un control llamado “Barra de menú”.

Después de haber escogido dónde agregar nuestro elemento de menú debemos editar el texto y cambiar su variable tal como se explicó en la Figura 3. . Como se aprecia en la Figura 4. Figura 4. Para agregar un elemento de menú debemos seleccionar en la paleta de herramientas el control “Elemento de menú” y arrastrarlo al contenedor especificando a cuál de los contenedores pertenecerá (Archivo u Operaciones) tal y como se aprecia en la Figura 4. Figura 3.Si quisiéramos modificar el texto visible se realiza de la misma forma en que se modifica un control (ver manual 2). nosotros debemos elegir en cuál de los dos menús contenedores de menús agregar nuestro elemento de menú.

Una vez que agregamos los menús correspondientes nos debería quedar de la siguiente manera: Figura 5. tendríamos que realizar la misma operación de arrastrar controles de menús donde nos convenga. si quisiéramos agregar un elemento de menú a un menú. Luego. . Para realizar el tipo de menú como el de la Figura 5 (menú Mostrar) se hace con el control llamado Menú y se realiza la misma operación seleccionar el control y arrastrarlo donde queramos( n la barra de menú): Figura 6.

Para realizar un evento sobre un menú o un elemento de menú. . debemos realizar la misma operación explicada en el manual 2. Figura 7. En donde al hacer clic en “actionPerformed” deberemos programar el método que nos generará NetBeans: Figura 8.

La manera de acceder al “Gestor de Distribución ó Set Layout“ en NetBeans es muy simple. debemos configurar el “Gestor de Distribución ó Set Layout“ sobre el JFrame.2. siguiendo los criterios definidos por la clase a la que pertenece el layout. Si ejecutamos nuestro proyecto con diseño de flujo nos queda de la siguiente manera: Figura 10. Para trabajar con varios Paneles y un JFrame. se debe hacer clic con el botón derecho en cualquier parte del JFrame y seleccionar “Gestor de Distribución/SetLayout” y luego “Diseño de Flujo/Flow Layout”: Figura 9. nuestro JFrame pierde el tamaño que traía por defecto al utilizar el diseño libre. NetBeans. por defecto su gestor de distribución es “Diseño Libre o Free Design”. Al cambiar el gestor de distribución a diseño de flujo. el cual trae incorporado un tamaño especifico del JFrame. Los gestores de organización o layouts son objetos que proporcionan una colocación y tamaño automáticos de los controles dentro de un contenedor. . MOSTRAR PANELES EN UN JFRAME.

crearemos un paquete el cual contendrá sólo Paneles. Formulario JPanel/JPanel Frame. Figura 11. debemos crear nuestros paneles haciendo clic con el botón derecho sobre el paquete creado y seleccionar nuevo/new. Para ello en la parte izquierda. tal como se indica en la Figura 12. Para agregar un JPanel a nuestro JFrame. Luego. tal como se indica en la Figura 11. . A este JPanel recibirá el nombre de PanelInicio.El Diseño de Flujo o Flow Layout. donde se encuentra nuestro proyecto. dentro del paquete que se creó (cl. debemos crear una clase del tipo JFrame. es el administrador más simple que proporciona Java y es el que se proporciona por defecto en los paneles o JPanels.inacap. en este caso se cargará dentro del JFrame cuando éste se ejecute o inicie.paneles). Este tipo de diseño coloca controles siguiendo un orden de izquierda a derecha y de arriba hacia abajo. el cual se cargará al momento de ejecutar nuestro proyecto.

debemos declarar una variable del tipo PanelInicio la cual llamaremos inicio.paneles). Figura 13. que en nuestro ejemplo se llama PrimeraVentana. debemos crear un objeto del tipo PanelInicio y agregarlo en el panel de contenido (ContentPane) del JFrame (en el constructor del .Figura 12. Además debemos añadir o importar el paquete creado para los paneles (cl. Al momento de iniciar nuestro JFrame.inacap. ver Figura 13. Una vez que hemos creado nuestro primer JPanel llamado PanelInicio debemos añadirlo a través a codificación: En la clase JFrame.

Finalmente agregaremos el método pack(). . Insertar nos deberá aparecer nuestro segundo JPanel. al momento de iniciar nuestro JFrame (VentanaPrincipal) nos cargara además el JPanel (inicio de la clasePanelInicio). Figura 15. Para finalizar este manual. el cual permite que la ventana adquiera el tamaño más pequeño posible. Si ejecutamos nuestro proyecto.JFrame). de manera que permita ver todos los componentes (Figura 14). Figura 14. ya que al hacer clic en Operaciones. se creará un segundo JPanel el cual llamaremos PanelInserta.

Lo segundo que se debe hacer es crear el evento en el elemento de menú en donde vamos a mostrar nuestro segundo JPanel. Lo primero que se debe hacer es declarar una variable del tipo PanelInserta la cual llamaremos insertar e importar el paquete a la cual pertenece. Figura 17.Figura 16. En el método de evento debemos remover el o los paneles que se encuentran cargados en el panel de contenido (getContentPane). Figura 18. luego se debe crear el objeto JPanel. en este caso . Figura 17. Figura 18.

. Figura 19.el objeto inserta. Finalmente al ejecutar el proyecto. Ver Figura 19. y finalmente añadir el método pack(). el resultado será el siguiente: Figura 20. posteriormente dicho objeto se debe agregar al panel de contenido.

JOptionPane Mensajes de Dialogo .

Objetivos: Los objetivos de este tutorial es dar a conocer al alumno los mensajes de aviso que se pueden generar a través de NetBeans. El alumno podrá ser capaz de crear una aplicación sencilla generando mensajes de aviso de acuerdo a ciertas funcionalidades de su aplicación. .

Al momento de utilizar un JOptionPane debemos importar a la librería de dicha clase tal como se muestra en la figura2: . 1. La forma habitual de su uso de la clase es mediante la invocación de alguno de sus métodos estáticos para crear cuadros de dialogo. LA CLASE JOPTIONPANE Esta clase se utiliza para crear los tipos de cuadro de diálogos más habituales. b) Confirm para solicitar la confirmación al usuario con las posibles de si. c) Input para solicitar la entrada de un dato. mostrar un mensaje de error o advertencia. Todos los cuadros de dialogo que implementa JOptionPane son modales (es decir bloquean la interacción del usuario con otras ventanas). Tienen el formato show <TipoCuadro>Dialog. etc. no o cancelar. Figura 1. como los que permiten pedir un valor.1.1. solicitar una confirmación. Para visualizar con ejemplos programaremos el menú salir de la figura 1 y aplicaremos los mensajes a y b.MESSAGE Al momento que el usuario sale de la aplicación le enviaremos un mensaje de aviso con el siguiente mensaje: “Usted ha salido de la aplicación”. donde el tipo de cuadro puede ser: a) Message para informar al usuario con un mensaje.

. el icono puede ser de información (INFORMATION_MESSAGE). Esto nos dará como resultado lo siguiente: Figura 4. error (ERROR_MESSAGE) o advertencia (WARNIN_MESSAGE). A continuación. En la figura 3.Figura 2. Como ejercitación practique los distintos iconos que puede mostrar a partir de un JOptionPane. en la figura 3 se mencionan cada elemento que debe ir al momento de crear un cuadro de dialogo: Figura 3.

CONFIRM Ahora con el mensaje de confirmación. antes de cerrar la aplicación. consultaremos al usuario si realmente desea salir del programa. El número puede tener los siguientes valores: Valor 0: YES Valor 1: NO Valor 2: CANCEL En nuestro caso si el usuario selecciona Si debemos cerrar nuestro programa.2.1. para ello necesitaremos un número entero tal como lo indica la figura 5: Figura 5. el resultado del código presentado en la figura 5 es: Figura 6. .

Para el caso de Input debemos utilizar una variable del tipo String.Otros iconos de confirmación que se pueden utilizar pueden ser: YES_NO_OPTION. Finalmente el resultado del código de la figura 8 se presenta a continuación: . En la figura 7 en el botón insertar.3.INPUT El Input se utiliza para pedir un dato al usuario y funciona de la siguiente manera: Figura 7. la cual nos servirá para almacenar el dato que el usuario ingresará. OK_CANCEL_OPTION 1. al momento de hacer clic nos pedirá ingresar una cantidad a través de un cuadro de dialogo. Esto se realiza de la siguiente manera: Figura 8.

.Figura 9.

Tablas y modelos Autor ROMAN GAJARDO R. .

.Objetivos: Los objetivos de este tutorial es dar a conocer al alumno las propiedades y métodos básicos para poder trabajar con tablas. El alumno podrá ser capaz de crear una aplicación sencilla usando tablas y modelos de tablas. ya sea para resolver un problema en particular o para mostrar información a través de una base de datos.

El control “Tabla/Table”. desde el IDE de NetBeans. la cual se puede configurar mediante el IDE de NetBeans. el tamaño y el valores de sus columnas por defecto tal como se aprecia en la Figura 2. basta con hacer clic con el botón derecho sobre el control Tabla y se debe seleccionar la opción que dice “Contenido de Tabla”. Una vez que seleccionamos en control Tabla ó Table. A continuación se muestra la forma de acceder a la configuración de una tabla: Figura 1. en donde por defecto la Tabla adquiere un nombre de variable. se encuentra en la paleta de controles correspondiente a menús swing. se arrastra hacia un contenedor (JFrame o JPanel ). Figura 2. Para poder configurar estos valores. . JTABLE: PROPIEDADES DESDE EL IDE NETBEANS. tal como se muestra en la Figura 3.1.

de las cuales la que nos interesa configurar son la pestaña Columnas y la pestaña Filas. Figura 4. . en donde como se puede apreciar tanto en la Figura 4 como en la Figura 5. son muy intuitivas y fácil de modificar. aparecerá una ventana con tres pestañas. Una vez seleccionada la opción antes descrita.Figura 3.

tal como se aprecia en la Figura 6 y 7. . Más adelante se mostrará un ejemplo de configuración de Tabla. también se puede cambiar el nombre de la variable del control haciendo clic con el botón derecho sobre el control y escogiendo la opción “Cambiar nombre de la variable”. Figura 6. Además. como en todos los controles que hemos visto.Figura 5.

Obtiene la columna getDataVector(). y con clear() se limpia la tabla perdiendo todo su contenido. 2. PROPIEDADES JTABLE Y MODELO DE UN JTABLE A continuación. getValueAt(fila. getModel() Descripción DefaultTableModel modelo. especificando el valor de la celda. setModel() getSelectedColumn() Obtiene el modelo de la tabla para ello se necesita un DefaultTableModel. Obtiene el total de filas que posee la tabla.clear() que esta seleccionada al efectuarse un evento. Ejemplo MouseClicked Obtiene la fila que addRow(object[]) esta seleccionada al efectuarse un evento. Asigna un valor a una celda de la tabla. getSelectedRow() Con DataVector() se obtiene el contenido que está en la tabla . Remueve o borra una fila de la tabla. columna) . puede entenderse como una actualización de la misma. en la siguiente tabla se explican los métodos básicos de un JTable y un modelo JTable(DefaultTableModel): JTable tabla. la fila y la columna. Añade una fila a una tabla especificando la fila con un arreglo de objetos.columna) setValueAt(object.Figura 7. en donde se especifica la fila a eliminar. Ejemplo MouseClicked Obtiene el valor de removeRow(fila) una celda de la tabla. Asigna un modelo a getCountRow() una tabla. se debe especificar la fila y la columna de la misma.fila. getColumnCount() Descripción Obtiene el total de columnas que posee la tabla.

AÑADIENDO UNA FILA A UNA TABLA: Para añadir una fila a una tabla es necesario utilizar el método llamado addRow(Object[]) perteneciente a la variable DefaultTableModel. Por ejemplo. dada la siguiente figura. con sus respectivas variables: campoNombre campoApellido listaCarrera tabla botonInsertar La forma de programar el botón insertar para que éste inserte una nueva fila en la tabla sería de la siguiente manera: .

Configuración del Puente de Conexión a SQL Server Autor ROMAN GAJARDO R. .

.Objetivos: Los objetivos de este tutorial es dar a conocer al alumno la forma de establecer un puente de conexión para interactuar con el motor de base de datos SQL Server.

nos aparecerá una ventana en donde debemos comprobar que esté seleccionada la pestaña DNS de Usuario y pulsamos el botón “Agregar”: Figura 2.PASO 1: Abrir el Administrador de Orígenes de Datos ODBC. . presionando al mismo tiempo la tecla Windows + R y escribir el comando ODBCAD32 tal como se indica en la figura 1: Figura 1. Una vez que se pulsa en aceptar.

y el servidor se coloca sólo un punto (. aparecerá una nueva ventana en donde se debe buscar un nuevo origen de datos llamado SQL Server. tal como se muestra en la figura 3: Figura 3.Al pulsar en el botón Aceptar. en este caso se llamará puenteconexion. se selecciona y se finaliza. PASO 2: Al pulsar en Finalizar.) ya que se accederá a la base de datos desde una misma máquina. . se debe crear el origen de datos SQL Server asignándole un nombre.

. de pulsa en “Siguiente”. Luego se hace clic en siguiente. se deberá especificar la autenticidad de inicio de sesión de SQL Server. en este caso como se aprecia en la figura. Finalmente. en este caso se selecciona la base de datos “Inacap”. Finalmente se pulsa en siguiente: Luego debemos seleccionar la base de datos con la cual trabajará la aplicación Java. en donde aparece una ventana resumen de los pasos realizados anteriormente. se escoge la autenticación de SQL Server y el ID de inicio de sesión por defecto se le asigna sa. Ahora estamos en condiciones para trabajar con la base de datos SQL Server. se da clic en “Finalizar”.Una vez ingresados los datos especificados en la figura anterior. en donde la nueva ventana que aparecerá.

ROMAN GAJARDO R. .