Scribd
Cargar
62 vistas26 páginas

Manual I Interfaz

Este documento explica los pasos para crear una interfaz gráfica de usuario básica en Java utilizando Swing. Describe agregar varios componentes como etiquetas, cajas de texto, botones de opción, listas desplegables y más, y establecer sus propiedades. También cubre agregar un grupo de botones para limitar la selección de una opción.

Cargado por

202224124refugio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
62 vistas26 páginas

Manual I Interfaz

Este documento explica los pasos para crear una interfaz gráfica de usuario básica en Java utilizando Swing. Describe agregar varios componentes como etiquetas, cajas de texto, botones de opción, listas desplegables y más, y establecer sus propiedades. También cubre agregar un grupo de botones para limitar la selección de una opción.

Cargado por

202224124refugio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 26

MANUAL

Interfaz gráfica

PROGRAMACIÓN
Mtra. en C. C. Giselle Nayeli Morales Rosales
1. Crea un proyecto, para lo cual dirígete a la parte superior izquierda de tu ventana
y en tu menú elige la opción “Archivo” y selecciona “Proyecto Nuevo”.

2. En categorías, elige la opción “Java” y en Proyectos la opción “Java Aplication”.


Posteriormente da clic en el botón “Siguiente”.
3. En el nombre del proyecto, coloca la palabra “Interfaz” y las iniciales de tus
apellidos y nombres, por ejemplo, en mi caso quedaría como “InterfazMRGN”.
Desmarca la opción de “Creat clase principal” y da clic en el botón “Terminar”.

4. Una vez creado tu proyecto, da clic izquierdo en “Paquete de fuentes”, después


en “Nuevo” y por último en “Java Package”.
5. Colócale un nombre al paquete y después da clic en el botón “Terminar”.

6. Una vez que se ha creado, da clic izquierdo en el paquete, elige la opción “Nuevo”
y después “Formulario JFrame”.
7. Se te abrirá una nueva ventana, asígnale un nombre al Frame y da clic en el
botón “Terminar”.

8. Una vez creada tu ventana, puedes hacerle más grande o pequeña, en este caso
el tamaño será de 400 de ancho por 500 de largo. Para lo cual coloca tu cursor en
unos de los bordes y arrastra. O del lado derecho inferior busca la opción
“preferredSize” y coloca las medidas que desees.
9. Del lado derecho superior están los componentes, en “Contenedores Swing”
busca el “Panel”, selecciónalo, arrástralo y redimensiónalo al mismo tamaño que tu
ventana.

10. Recuerda que el lado derecho inferior están las propiedades, busca la opción
de “background” , da clic en los 3 puntitos, se te abrirá una nueva ventana, elige el
color que mas te agrade y da clic en “Aceptar”.
11. Ahora agrega una etiqueta, para lo cual dirígete a “Controles Swing”, selecciona
la opción de “Etiqueta” y arrástrala hasta tu ventana. El ancho deberá de ser igual
que tu ventana.

12. En cuanto a las propiedades, busca la opción de “text” y colócale “Registro”.


Esté será el texto que se visualizara.
13. Podemos asignarle otras propiedades como la alineación, para ello busca la
opción “horizontalAlignment” y en la lista desplegable elige la opción “CENTER”.

14. Así mismo podemos cambiar el tipo de letra, tamaño y estilo. Para lo cual busca
la opción “font”, da clic en los 3 puntitos, se te abrirá una nueva ventana y elige las
opciones que desees.
15. Agrega 5 etiquetas y colócalas de la siguiente forma.

16. Cambiales el texto, ya se con la propiedad como vimos anteriormente o


selecciona una etiqueta, da clic izquierdo y elige la opción “Editar texto”.
17. Vamos a agregar una caja de texto, para lo cual dirígete a los “Controles Swing”
y elige la opción.

18. Realiza el mismo procedimiento que con la etiqueta, selecciona el componente,


arrástralo hasta tu ventana, colócalo en donde desees y especifica su tamaño.
19. Borra el texto que tiene, para lo cual da clic izquierdo y elige la opción “Editar
texto”.

20. Ahora agrega dos botones de opción, y realiza el mismo procedimiento,


selecciona, arrastra y colócalos en tu interfaz.
21. Selecciona el componente, da clic izquierdo y cambia el texto.

22. Agrega ahora una lista desplegable.


23. Dirígete a las propiedades, busca la opción “model”, da clic en los 3 puntitos.

24. Se te abrirá una ventana y coloca las siguientes opciones, posteriormente da


clic en el botón “Aceptar”.
25. Y ya aparecerán las opciones que estableciste.

26. Ahora agrega 6 casillas de activación.


27. Selecciona cada una de ellas, da clic izquierdo y elige la opción “Editar texto”.

28. Agrega dos botones y edita el texto de cada uno de ellos.


29. Agrega un área de texto.

30. Ahora vamos a cambiarle el nombre a cada uno de los componentes. Para lo
cual, selecciona el componente y da clic en la opción “Cambiar nombre de la
variable”.
31. Por lo regular se coloca una abreviación de qué tipo de componente es y el
nombre que le queramos asignar.

32. Realizamos el mismo procedimiento para cada uno de los componentes.


33. Ejecutamos la aplicación. Nos aparecerá la siguiente ventana y damos clic en el
botón “Ok”.

34. Nos aparecerá de la siguiente manera, como se puede probar nos deja
seleccionar ambas opciones de los “botones de opciones” lo cual no es correcto,
para solucionarlo agregamos el grupo de botones.
35. Para ello, dirígete a “Controles Swing”, selecciona “Grupo de botones” y
arrástralo hasta tu interfaz.

36. Recuerda que este componente es no visible, sin embargo, en la parte inferior
izquierda aparecen todos los componentes de tu interfaz y ahí puedes buscarlo.
37. Le cambiamos el nombre.
38. Posteriormente seleccionamos nuestros botones de opción, nos dirigimos a
sus propiedades y en la opción de “buttonGroup” elegimos el grupo de botones
que acabamos de agregar. Realizamos el mismo proceso para ambos.

39. Volvemos a ejecutar la aplicación y ya solo nos deberá de dejar seleccionar una
opción.
40. Por último vamos a agregar ciertas propiedades al JFrame. Para lo cual
selecciónalo del lado izquierdo, para que te aparezcan sus propiedades del lado
derecho en “title” escribe tu nombre completo.

Vamos a establecer que no se pueda redimensionar. Ya que, así como lo tenemos


al ser ejecutado se puede cambiar su tamaño. Para lo cual deshabilitamos la opción
de “resizable”.

Si ejecutamos nuestro proyecto, podemos observar que incluso ya está


deshabilitada la opción.
Damos clic en “source”.

Y agregamos la siguiente línea de código, con la cual, cada vez que se ejecute el
proyecto, la ventana apareceré centrada.
Ejecutamos y nuestra aplicación quedo de la siguiente forma.

Actividad.

Investiga como agregar imágenes y cambiar el icono por defecto y aplícalo en tu


proyecto.

También podría gustarte