Universidad los Ángeles de Chimbote

Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

USO DEL OBJETO JFRAME

Objeto de Control JFrame

Hasta el momento hemos hablado muy poco o casi nada del objeto Jframe, es decir,
acerca del formulario. Es un objeto contenedor por excelencia debido a que es un
interfase que facilita hacer los procesos que necesita el usuario de la aplicación. En este
objeto podemos situar todos los demás componetes que necesitemos para el desarrollo
de la interfase de nuestra aplicación.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 1

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

En la figura anterior muestra la jerarquía de herencia de este componente desde Object,

que es el padre de todas las clases de Java. Los métodos estará repartidos a lo largo de
toda la jerarquía. Así por ejemplo, resulta intuitivo que debiera haber un método para
cambiar el color de fondo del formulario, pero él no tiene ningún método para ello, lo tiene
Componet.

Propiedades más usadas:

● Title: Permite definir el título del formulario, es decir, la etiqueta de la la barra de
título.

● Font: Se establece el tipo de letra y el tamaño que servirá de base a cualquier

expresión que se coloque con cualquier objeto de control dentro del formulario

● Enabled: Permite habiltar o inhabilitar el uso del objeto.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 2

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

Métodos más usados:

● setTitle(): Añade el títutlo en el formulario.

● setSize(): Establece el tamaño del formulario.
● setLocation(): Establece la ubicación del formulario dentro de la pantalla.
● setVisible(): Establece la visibilidad del objeto. Usa valores booleanos.
● setIconImage(): Establece el ícono que se colocará al lado izquierdo del título del
formulario.
● show(): Permite cargar un formulario a la maemoria para ser vista por el usuario.
● Hide(): Permite ocultar al formulario.

Aplicación
Construye una aplicación que permite ingresar el nombre del postulante, la cantidad de
preguntas bien contestadas y la cantidad de preguntas mal contestadas. La suma entre
las preguntas bien y mal contestadas no debe superar a 100. Por cada pregunta bien
contestada vale 4.08 puntos y por cada pregunta mal contestada vale -1.04 puntos. Se
agregarán los datos antes mencionados en objetos JList y se debe obtener el postulante
de mayor puntaje o el pustulante de menor puntaje en un segundo formulario. Usar los
atributos y métodos de la clase Jframe.

Solución:
1. Procedemos a crear un proyecto denominado Practica, la misma que contendrá al
paquete practica. A partir de éste paquete vamos a crear un formulario con el
objeto Jframe, seleccionando dicho paquete y al dar click con el botón derecho del
mouse se muestra un menú flotante. Seleccionemos Formulario JFrame.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 3

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

2. A continuación, colocaremos como nombre al formulario frmPostulante.

Luego dar click en el botón de comando Finish (en caso de que la versión de
NetBeans es en castellano entonces dar click en el botón de comando Terminar)

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 4

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

3. Se muestra el entorno de desarrollo de NetBeans y no olvidemos de dar click en el

botón derecho del mouse sobre el formulario y establece AbsoluteLayout en
SetLayout.

4. Procedemos a colocar los objetos de control, tal como lo apreciamos en el

siguiente diseño de formulario.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 5

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

5. Procedemos a quitar los ítems de cada uno de las cajas de listas.

6. Los objetos de control en el diseño del formaulario tienen los siguientes nombres:

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 6

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

7. Ahora bien, si observamos en el diseño del formulario, los cuatro objetos JList no
tienen ítems. Los objetos JList referidos a Postulante, Buenas, Malas y Puntaje, se
llenarán de ítems al momento de usar el botón de comando Agregar. Siendo cutro
JList entonces necesitamos cuatro modelos del tipo DefaultListModel, uno para
cada Jlist, para lo cual debemos incluir en el código de la programación el paquete
swing con la siguiente instrucción:

Ahora procedemos a escribir la definición de las variables del tipo

DefaultListModel en la clase frmPostulante

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 7

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

8. Una vez definido las 4 variables de memoria del tipo DefaultListModel, en el

método constructor se debe indicar que la variable modelo1 es para la caja de lista
lstPost, la variable modelo2 para la caja de lista lstBuenas, la variable modelo3
para la caja de lista lstMalas y la variable modelo4 para la caja de lista lstPuntaje.
Antes haremos uso del método setTitle() para definir el título del formulario en la
barra de título cuya expresión es “Postulantes al Examen de Admisión”. También
hacemos que los botones de comando Agregar y Eliminar se inhabilite su uso
desde la ejecución de la aplicación. Los cuadros de textos txtPost, txtBien y
txtMal deben inhabilitarse su uso en el momento de la ejecución. Haremos uso de
los métodos del objeto JFrame llamdados setSize() y setLocation() para darle el
tamaño apropiado al formulario y ubicación dentro de la pantalla. El operador this
hace referencia al formulario frmPostulante. Sólo escribe lo que señala la llave de
color rojo.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 8

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

9. Procedemos a definir cuatro atributos o propiedades para la clase

frmPostulante. Las líneas de código programación lo puedes escribir después de
las líneas de código que definieron a las cuatro variables de tipo DefaultListModel

Los atributos mayor y menor es para almacenar el mayor y menor puntaje de los
postulantes ingresados en los objetos JList y los atributos postMay y postMen es
para almacenar el nombre del postulante de mayor puntaje y el nombre del
postulante de menor puntaje.

10. Debajo de la definición de los atributos, vamos a construir los métodos que nos
permitan dar y obtener el valor a cada uno de los atributos. Comenzaremos por los
atributos mayor y menor definiendo los siguientes métodos:

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 9

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

El método setMayor() tiene un parámetro llamado m de tipo double y con el

operador void significa que no tiene el método valor de retorno. Este método sirvirá
almacenar en el atributo mayor el valor del parámetro m. En cambio el método
getMayor() no tiene parámetro pero su valor de retorno es double, es decir, que
éste método arroja o se puede obtener el valor almacenado en el atributo mayor.
Lo mismo sucede para los métodos setMenor() y getMenor(). Vamos a proceder a
crear los métodos para los atributos postMay y postMen.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 10

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

11. Vamos a proceder a programar en el botón de comando Nuevo.

12. Ahora programemos en el botón de comando Agregar.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 11

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

Procedemos a declarar las variables buenas y malas como enteras y puntaje

como real (double). Las variables de memoria enteras reciben los valores
ingresados en los cuadros de textos txtBien y txtMal y la variable puntaje se
almacena el resultado según el valor de las preguntas bien y mal contestadas. Con
la sentencia IF evalúa que la cantidad de preguntas contestadas no superen a 100.
Si no supera a 100 procedemos agregar en las cajas de listas a través de las
variables de tipo DefaultListModel.

13. Programemos en el objeto JList denominado lstPost en el evento ValueChanged.

En esta programación se busca que al momento de seleccionar a un postulante en

la caja de lista lstPost, se seleccione inmediatamente la cantidad de preguntas
bien contestadas, la cantidad de preguntas mal contestadas y el puntaje en las
demás cajas de listas. Se finaliza habilitando el uso del botón de comando
Eliminar.

14. Programemos en el botón de comando Eliminar en el evento

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 12

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

Eliminamos lo seleccionado con el método remove perteneciente a los modelos de

cada caja de lista.

15. Es hora de crear el segundo formulario. Para ello seleccionamos el paquete

practica y en la opción New (nuevo) elegimos Formulario JFrame. A éste
formulario se llamará frmConsulta, siendo el diseño el siguiente:

16. Es necesario que los objetos JRadioButton pertenezcan a un ButtonGroup.

17. Procedemos a colocar los nombres a los objetos de control.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 13

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

18. El formulario frmConsulta será activado al momento de dar click en el botón de

comando btnConsultar del primer formulario frmPostulante. Volvamos al primer
formulario y programemos en el botón Consultar.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 14

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

La programación se inicia con la declaración de variables de tipo entero, real y

cadena de caracteres. En la variable cuenta se almacena la totalidad de ítems
existentes en la caja de lista lstPuntaje a través de la variable modelo4. Si la
variable cuenta es mayor o igual a 1 entonces se procede con una sentencia for a
buscar el mayor puntaje y la posición (índice) dentro de la caja de lista
correspondiente al mayor puntaje. Luego con el método setMayor() se asigna el
valor de la variable may al atributo mayor perteneciente a la clase frmPostulante.
La misma idea se hace con el método setMenor() y con las variables pmay y
pmen se almacenan los nombres de los postulantes que obtuvieron el mayor y
menor puntaje respectivamente. Luego se asignan a los atributos postMay y
postMen, a través de los métodos setPostMay() y setPostMen(), los valores que
se encuentra en pmay y pmen. A continuación, se declara y se instancia la variable
form2 de tipo frmConsulta, es decir, se crea una variable form2 que tiene los
mismos atributos y métodos del formulario frmConsulta. Posteriormente con los
métodos getMayor(), getMenor(), getPostMay() y getPostMen() se pasan los
valores a los atributos a la variable objeto form2. Luego con el método show()
hacemos que el segundo formulario se muestre.

19. Volvamos al segundo formulario y comenzamos a programar. Definamos los

atributos y la programación en el método constructor.

Los atributos definidos al inicio de la clase frmConsulta nos permitirá recibir los
valores o datos del primer formulario. La programación agregada en el método

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 15

 Universidad los Ángeles de Chimbote
Facultad de Ingeniería
Escuela Profesional de Ingeniería de Sistemas Asignatura: Programación Visual

constructor define el título del formulario con la expresión “Consulta del Mayor y
Menor Puntaje”, se establece el tamaño del formulario frmConsulta y finalmente la
localización dentro de la pantalla.

20. Programemos en el botón de comando Ver lo siguiente:

Mandamos al cuadro de texto el valor contenido en el atributo postMay siempre y

cuando esté seleccionado el JRadioButton referido al postulante de mayor puntaje,
de lo contario se muetra el contenido del atributo postMen referido al postulante de
menor puntaje.

Elaborado por: Ing. Martín Gustavo Salcedo Quiñones 16