Introduccion A Netbeans Ide
Introduccion A Netbeans Ide
Introduccion A Netbeans Ide
No hay nada mejor para aprender nuevas tecnologías que trabajar uno mismo con ellas. Aprender
haciéndolo… eso es lo que hará conforme avance página tras página.
Aprenderá algunos elementos básicos respecto a las aplicaciones de NetBeans.
Esto empieza en familiarizarse con el entorno de desarrollo mientras crea una aplicación sencilla.
Además aprenderá algunas especificaciones de construcción de aplicaciones en NetBeans.
Conocerá los controles que se utilizan en las aplicaciones y aprenderá a colocarlos y configurarlos
en una aplicación de NetBeans, así como interactuar con ellos.
Hoy su atención se enfocará en aprender acerca del entorno de desarrollo de NetBeans y de algunas
de las herramientas que proporciona para la construcción de aplicaciones. Aunque NetBeans cuenta
con más herramientas de las que usted probablemente utilizaría en cualquier otro trabajo de
desarrollo de aplicaciones (incluso más de las que aprendería a utilizar en todo este tutorial),
decidimos limitar el enfoque a las principales herramientas que utilizara a lo largo de este tutorial,
así como las aplicaciones que construirá con NetBeans.
Antes de iniciar su visita rápida por el entorno de desarrollo de NetBeans, deberá iniciar el
programa de NetBeans IDE en su computadora, con el fin de observar directamente como se
organizan cada una de las áreas y como puede modificarlas y alterar la organización.
Después que inicie el entorno de desarrollo, vera una ventana similar a la que se muestra en la
figura 1. Cada una de las áreas tiene un propósito específico en el entorno. Puede volver a organizar
estas áreas para personalizar el entorno de Desarrollo de NetBeans con el fin de que se ajuste a sus
necesidades particulares de desarrollo.
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Cuando inicie por primera vez NetBeans, el área que se ubica en el extremo izquierdo del Entorno,
Esta área se conoce como workspace y será su clave para navegar a través de los diversos
componentes y partes de sus proyectos de desarrollo. El workspace muestra las partes de su
aplicación en dos formas distintas:
Figura 1.
Ventana de Apertura de NetBeans IDE.
2
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
El panel Output
El panel Output tal vez no este visible al iniciar NetBeans por primera vez. Una vez compilada su
primera aplicación, dicho panal aparecerá en la parte inferior del entorno y permanecerá abierto
hasta que usted decida cerrarlo. El panel Output es el lugar donde presenta cualquier información
que deba proporcionarle a usted.
Además es donde usted podrá observar las instrucciones de progreso del compilador, las
advertencias y los mensajes de error. Después de que cierre el panel output, este se abrirá
automáticamente cuando NetBeans necesite desplegar un mensaje.
El área de edición
La parte del extremo derecho del entorno de desarrollo es el área de edición. Ahí es donde usted
realizara toda su edición cuando utilice NetBeans; también es el lugar donde se desplegaran las
ventanas necesarias para editar el código fuente, así como el lugar donde se desplegará la ventana
necesaria para diseñar su aplicación.
Al ejecutar NetBeans por primera vez se desplegarán dos barras de herramientas debajo de la barra
de menús. Hay muchas otras barras de herramientas disponibles, a demás puede personalizar y crear
las suyas propias para adecuarlas a su mejor forma de trabajar. Las dos barras de herramientas que
se abren inicialmente son las siguientes:
3
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Librerías SWING
Interfaz Graficas de Usuario (GUI)
Swing es una biblioteca de interfaces graficas de usuario (GUI) para Java.
Viene incluida en el entorno de desarrollo de Java (JDK)
Extiende a otra librería grafica más antigua llamada AWT
Ventanas
JFrameform. - proporciona operaciones para manipular ventanas y contiene todos los componentes
utilizados en la interfaz Grafica de Usuario.
JLabel. – muestra una pequeña área de texto o imagen en la interfaz gráfica de usuario.
JTextArea- componente que muestra un control para ingresar varias líneas de texto y editarlo.
JRadioButton. - componente para mostrar varias opciones de las cuales solo se puede seleccionar
uno.
4
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
JComboBox. – usado para implementar una lista desplegable de varias opciones de las cuales seolo
se puede seleccionar una.
JList. – permite implementar una lista con varias opciones de las cuales se puede seleccionar una o
varias.
JTable. - permite implementar una tabla para poder mostrar información en sus celdas.
ToolTipText. – permite ingresar un mensaje de ayuda que se visualizara cuando pasemos el mouse
sobre el componente.
5
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Manejo de Eventos
Un evento es un suceso que ocurre como consecuencia de la interacción del usuario con la interfaz
gráfica. Por ejemplo
La pulsación de un botón
Cambio del contenido en un cuadro de texto
Deslizamiento de una barra
Activación de un JCheckBox
Movimiento de la ventana
En la figura 1.3, 1.4 se le presentan las formas de crear una aplicación en java mostrando así mismo
los pasos que debe seguir para su aplicación.
1. file>
New Project>choose Project> seleccione la categoría General-Java Application.
Luego clic en Next.
Figura 1.3
2. luego que le ha dado clic en next, debe darle nombre a su Aplicación esta aplicación se llamara
hola.
6
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
3. finish.
Una vez que ha creado el nombre de su aplicación, en el panel de workspace.
Debe hacer clic con el botón derecho del Mouse, en new debe escoger una de las formas para
trabajar en su diseño de aplicación en este caso como primer ejemplo le dará clic a Dialog From
para crear una ventana de dialogo para Suma. Como aparece en la figura 1.5.
7
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
En ella especificara el nombre de la clase que es Suma y el paquete donde se guardara la ventana de
dialogo que se va a crear con el nombre de Operación (puede tener cualquier nombre el paquete).
8
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Luego de haber insertado nuestros objetos en la ventana de dialogo debemos asignarles variables a
los JTextField a continuación:
- En el JTextField del Numero 1 le damos click derecho, luego nos vamos a Properties.
- Después nos vamos a la pestaña de Code y en Variable Name colocamos el nombre de Numero1
para nuestro JTextField.
9
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Al terminar de escribirlo podemos compilar nuestra aplicación y nos aparcera la siguiente ventana:
Para poder crear un menú se debe contar primero con la realización de ventanas de dialogo creadas
anteriormente para poder llamarlas del menú.
Pasos:
1. Dentro de nuestra aplicación ya creada vamos a crear un JFrame Form dando click derecho en el
Source Package de la aplicación.
10
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
2. A continuación aparecerá una ventana para ingresar el nombre de nuestro JFrame y debemos
agregarle también un paquete, este puede tener cualquier nombre. En este caso su nombre será
Operación.
11
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
4. Al haber ya ingresado los objetos a continuación enlazamos la ventana creada de Suma para
mandarla a llamar desde el menú.
12
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
6. Luego de haber agregado nuestro nuevo Item damos click derecho en las propiedades de este y le
asignamos un nombre que en este caso es el de Suma:
13
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
8. Ahora nos vamos al diseño de Menú exactamente al JMenuItem creado anteriormente con el
nombre de Suma en el Inspector. Le damos click derecho a este y nos vamos a Eventos luego
Action y por ultimo ActionPerformed para mandar a llamar a nuestra ventana de Suma.
14
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
10. Ahora podemos probar nuestra aplicación compilándola y probando la ventana de Suma.
También podemos agregarle iconos a los botones y asignarle color a la ventanas de nuestra
aplicación.
Puede hacer este mismo ejercicio pero con las ventanas de resta, producto y división y mandarlas a
llamar desde el menú.
15
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
1. Debemos agregar un separador para que se vea más estético la opción de Salir.
2. Para agregar este separador nos vamos al diseño de Menú y en la parte izquierda desplegamos el
JMenuBar.
3. Damos click derecho en JMenu1 y nos vamos a Add seguido de JSeparator y le damos click.
4. Ahora de la misma forma vamos a agregar un nuevo JMenuItem y lo llamaremos Salir. Como se
muestra en la siguiente figura.
16
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
7. Hora programamos este Item dándole click derecho e yéndonos a Events después Action y por
ultimo ActionPerformed.
8. Escribimos lo siguiente:
17
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Ya hemos aprendido como crear una aplicación y como llamarla desde el menú pero es muy
importante poder contar con una ventana que permita tener un acceso limitado a cierta información
que puede ser de tipo confidencial.
A continuación aprenderemos como crear una ventana de Password.
2. Luego de haber creado nuestro JFrame, insertamos un JPanel para crear nuestro espacio e
insertamos los objetos de la barra de Palette.
18
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Cuando ya hemos creado la presentacion de la ventana seguimos a crear una variable para el
JPasswordField, le damos click derecho al JPasswordField y nos vamos a Properties.
19
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
4. Al ya haber escrito el inciso anterior ahora vamos a mandar llamar la ventana de Password antes
del menú y para eso hacemos lo siguiente:
- En el nombre de nuestra aplicación en este caso hola damos click derecho y nos vamos a
propiedades:
5. A continuación nos aparece otra ventana donde vamos a seleccionar el nombre del JFrame de
nuestra ventana de password la cual llamamos Password.
- Elegimos Run en la ventana y seleccionamos el nombre de Password en Main classes.
20
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
7. Ahora podemos compilar nuestra aplicación para comprobar que funcione bien nuestro password.
Podemos elegir entre varias operaciones con tan solo seleccionar una de estas y luego también las
otras opciones con los JRadioButton. Para crear esta aplicación debemos hacer lo siguiente:
1. En nuestro mismo paquete de operación vamos a crear un JDialog Form como ya hemos
aprendido.
2. A esta ventana de dialogo la llamaremos Operaciones la cual está en el paquete de Operación.
21
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
3. Insertamos un JPanel de la barra de Palette para crear nuestro espacio de trabajo. Luego
insertamos los objetos como se muestra a continuación:
4. Antes de insertar los JRadioButton se debe insertar un ButtonGroup y en las propiedades de los
JRadioButton llamar al ButtonGroup1 ya creado. Se crean las mismas variables y de la misma
forma que en la ventana de Suma para el numero 1, 2 y el resultado.
22
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
6. Para el de Suma damos click derecho el JRadioButton llamado Suma y nos vamos a Events,
seguido de Item e ItemStateChanged como se muestra en la figura:
8. Para el JRadioButton de Resta se hará lo mismo solo que en la variable de resultado se escribirá
así: resultado= n1-n2.
9. Ahora que ya hemos terminado la ventana debemos llamarla al Menú como ya lo hemos
aprendido.
Es algo muy sencillo elegir el color e insertarlo en el JPanel, JTextField o en lo texto que se desee.
Para agregar los iconos es algo solo exclusivo para los JButton de nuestras ventanas.
Agregar color
23
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
3. Seguido de esto nos aparecerá una ventana en la que deberemos seleccionar la opción de
background para el color de fondo del JPanel.
Como se muestra en la siguiente figura:
4. Al darle click a la pestaña de la derecha del background nos aparecerá una gama de colores de los
cuales podrá elegir uno.
24
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
7. Para cambiar el tamaño y tipo de letra de los JLabel damos click derecho en los JLabel y nos
iremos a las Properties.
8. Luego nos iremos a la pestaña de Font en Properties y seleccionaremos el tipo y tamaño de letra
deseado. Como se muestra en la figura:
25
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
9. Para cambiar el color de la letra nos vamos a la pestaña de foreground y elegimos el color.
10. Para insertar iconos en los botones, primero debemos asegurarnos de que el icono sea de
extensión .gif si no contamos con iconos de esta extensión podemos crear los nuestros. ¿Cómo los
creamos? Podemos dibujar lo que deseemos en el accesorio de Paint y al momento de grabarlo nos
aseguramos de hacerlo con la extensión *.gif.
11. Al ya contar con nuestros iconos de esta extensión debemos copiarlos a la carpeta que hemos
grabado de Netbeans en la que queremos que aparezcan nuestros iconos.
12. Nos iremos a la carpeta de src y dentro de estas carpetas encontrara la carpeta de paquete y
dentro de esta se encontrara una con el nombre que le asigno a su paquete en este caso se llama
Operación y finalmente dentro de esta copiamos los iconos como se muestra a continuación:
13. Como podemos observar en la figura anterior se copiaron 3 iconos los cuales tienen los
siguientes nombres: Suma, Clear y Basurero2, Escape.
14. Podemos darnos cuenta que están copiados en la carpeta correcta si en la ventana de workspace
aparecen los iconos con extensión GIF al lado izquierda de su pantalla, dentro del paquete de
Operación.
26
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
- Luego de seleccionarlos como tipo Classpath, seleccionaremos los iconos que están dentro de
nuestro paquete Operación. Damos un clic al botón de Select File y nos aparecerá una ventana en la
que seleccionaremos el nombre del icono que necesitamos. Como se muestra en la siguiente figura:
- Si se siguieron bien todos los pasos debe aparecer su ventana de Suma como se muestra a
continuación:
16. Siga los mismos pasos para agregarle color e icono a sus demás ventanas.
27
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
El objetivo del botón de limpiar es el de borrar toda la información que este en el JTextField.
El botón de Salir es muy sencillo de programar.
5. Pruebe la aplicación.
1. Debemos crear una ventana de dialogo JDialog y como una prueba mandarla a llamar del menú
como hemos aprendido anteriormente.
28
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
2. Ahora llamaremos a esta ventana Calculadora y se encontrara dentro del paquete Operación ya
creado.
3. A continuación creamos un JPanel en nuestra área de trabajo, pero antes debemos de darle click
derecho para hacer que la ventana de trabajo sea de tipo Absolute Layout lo cual nos permite mover
con facilidad cualquier objeto que peguemos en nuestra ventana de trabajo.
4. Después de haber insertado un JPanel, nos dedicaremos a insertar un JtextField y los botones
necesarios para los números y los signos matemáticos. También podemos crear botones para limpiar
y salir de la Calculadora. Como se muestra en la siguiente figura
29
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
5. Cuando ya hemos personalizado con color e iconos en los botones comenzáremos a programar
cada uno de los botones comenzando con los números.
6. Antes de darle funcionalidad a los botones debemos declarar dos variables dando click en el
source de la ventana de la Calculadora y buscar donde se encuentra la clase como se muestra en la
siguiente figura:
8. En los siguientes números escribiremos lo mismo a diferencia de que por cada número cambiara
el número que se encuentra en el texto anterior.
Como por ejemplo le damos doble click al numero2 y en el escribiremos Numero +=2 y así
sucesivamente hasta llegar al numero cero.
9. Cuando ya le hemos asignado un valor a los botones declararemos una variable para el JtextField
de la ventana de la Calculadora como se demuestra a continuación:
30
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
11. Ahora en los botones de signos matemáticos e igual cambiaremos la programación. En el botón
de suma daremos doble click y escribiremos lo siguiente:
31
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
El
signo de multiplicación tiene un valor el valor del signo 3.
15. En el botón de igual habrán algunas condiciones que tienen que ver con la asignación del valor
de cada signo declarado anteriormente.
32
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Si inicializa la variable Número de forma vacía para que se pueda borrar los números en el
JtextField.
20. Ahora debemos llamar la ventana de la Calculadora al menú y para eso debemos irnos a la
ventana de diseño del menú y crear un JMenuItem con el nombre de Calculadora como se muestra
en las siguientes figuras:
33
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
21. A ese nuevo JMenuItem le daremos click derecho y nos iremos a las Properties y lo llamaremos
calculadora.
23. Ahora nos iremos de nuevo a la ventana de diseño de Menú y en el JMenuItem de Calculadora
daremos click derecho y nos iremos a Events después Action y Action Performed y pegaremos lo de
la ventana de Calculadora.
34
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
Para insertar la fecha lo haremos en el JFrame ya creado de menú y seguiremos los siguientes
pasos:
2. Daremos doble click en este y escribiremos la librería import java.util.*; dentro del paquete en
este caso llamado Operación; que es necesaria para el funcionamiento de la fecha.
3. Declaramos una variable para el JtextField llamada hoy como aprendimos anteriormente.
5. Ahora damos click derecho en el JFrame de Menú y nos vamos a Events seguido de Window y
por ultimo Windows Oponed.
35
UNIVERSIDAD NACIONAL DE UCAYALI
FACULTAD DE INGENIERIA DE SISTEMAS Y DE INGENIERIA CIVIL
7. Luego probamos nuestra aplicación para verificar que en la ventana de Menú nos aparezca la
hora del sistema.
36