Practicas de Proyecto Netbeans

download Practicas de Proyecto Netbeans

of 31

Transcript of Practicas de Proyecto Netbeans

  • 8/3/2019 Practicas de Proyecto Netbeans

    1/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 1

    Vamos a crear un proyecto final de manejo de componentes en donde realicemos el manejode diferentes elementos.

    Primero creamos un proyecto

    Creamos un proyecto de escritorio

  • 8/3/2019 Practicas de Proyecto Netbeans

    2/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 2

    No seleccionamos que tenga proyecto principal

    Nos queda un proyecto sin formas.

  • 8/3/2019 Practicas de Proyecto Netbeans

    3/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 3

    Vamos a crear la forma inicial que va ha ser el acceso con clave, para ello vamos a menu delpaquete y seleccionamos un Jframe

    Bautizamos el nombre de la forma JFSuma

  • 8/3/2019 Practicas de Proyecto Netbeans

    4/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 4

    En ella especificara el nombre de la clase que es Suma y el paquete donde se guardara laventana de dialogo que se va a crear con el nombre de Operacin (puede tener cualquier nombreel paquete). A continuacin nos aparece la ventana en donde vamos a trabajar en la cualinsertaremos los objetos a utilizar los cuales iremos aprenderemos paso a paso. Esta es nuestroespacio workspace de la ventana creada de Suma e insertamos los objetos de la barra de Palette:

    Luego de haber insertado nuestros objetos en la ventana de dialogo debemos asignarles variables

    a los JTextField a continuacin:- En el JTextField del Numero 1 le damos click derecho, luego nos vamos a Properties.

  • 8/3/2019 Practicas de Proyecto Netbeans

    5/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 5

    Despus nos vamos a la pestaa de Code y en Variable Name colocamos el nombre de Numero1para nuestro JTextField.

    Lo mismo hacemos para las variables de Numero2 y Resultado. Ahora nos dedicaremos aprogramar el boton de Suma:

    - Le damos doble click al botn de suma y escribimos lo siguiente:

    Al terminar de escribirlo podemos compilar nuestra aplicacin y nos aparcera la siguienteventana:

  • 8/3/2019 Practicas de Proyecto Netbeans

    6/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 6

    Crear un men en su aplicacin

    Para poder crear un men se debe contar primero con la realizacin de ventanas de dialogocreadas anteriormente para poder llamarlas del men.Pasos:

    1. Dentro de nuestra aplicacin ya creada vamos a crear un JFrame Form dando clickderecho en el Source Package de la aplicacin.

    2. A continuacin aparecer una ventana para ingresar el nombre de nuestro JFrame ydebemos agregarle tambin un paquete, este puede tener cualquier nombre. En este casosu nombre ser operacin.

  • 8/3/2019 Practicas de Proyecto Netbeans

    7/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 7

    3. En el tercer paso agregaremos un objeto JPanel y despus un JMenuBar.

    4. Al haber ya ingresado los objetos a continuacin enlazamos la ventana creada de Suma paramandarla a llamar desde el men.

  • 8/3/2019 Practicas de Proyecto Netbeans

    8/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 8

    5. A continuacin mandaremos a llamar a la ventana de dialogo de Suma pero primero debemoscrear un tem nuevo con el nombre de Suma y para eso nos vamos a la ventana de diseo deMen y en el inspector hacemos lo siguiente:Desplegamos el JMenuBar1 ya creado y en JMenu1 le damos click derecho. Despus nos vamos a

    Add y JMenuItem con esto estamos agregando un JMenuItem.

    6. Luego de haber agregado nuestro nuevo Item damos click derecho en las propiedades de estey le asignamos un nombre que en este caso es el de Suma:

  • 8/3/2019 Practicas de Proyecto Netbeans

    9/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 9

    7. Ahora nos vamos al Source de la ventana de dialogo de Suma y seleccionamos la informacin ydespus le damos un clic derecho para copiarla.

    Solo marcamos y copiamos la lnea marcada de gris en la figura anterior.

  • 8/3/2019 Practicas de Proyecto Netbeans

    10/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 10

    8. Ahora nos vamos al diseo de Men exactamente al JMenuItem creadoanteriormente con elnombre 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.

    9. Ahora pegamos la informacin copeada del Source de la ventana de Suma

    10. Ahora podemos probar nuestra aplicacin compilndola y probando la ventana de Suma.Tambin podemos agregarle iconos a los botones y asignarle color a la ventanas de nuestraaplicacin.

    Puede hacer este mismo ejercicio pero con las ventanas de resta, producto y divisin y mandarlas

    a llamar desde el men.

  • 8/3/2019 Practicas de Proyecto Netbeans

    11/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 11

    Como ingresar un Item de Salir en el Men

    Para desplegar en el Men la opcin de Salir hacemos lo siguiente:1. Debemos agregar un separador para que se vea ms esttico la opcin de Salir.2. Para agregar este separador nos vamos al diseo de Men y en la parte izquierda desplegamosel 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. Comose muestra en la siguiente figura

    .

  • 8/3/2019 Practicas de Proyecto Netbeans

    12/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 12

    5. A ese Item creado le damos click derecho y nos vamos a Properties.6. Y en texto lo llamaremos Salir.

    7. Hora programamos este Item dndole click derecho e yndonos a Events despus Action y por

    ultimo ActionPerformed.8. Escribimos lo siguiente:

    9. Ahora compile su aplicacin.

  • 8/3/2019 Practicas de Proyecto Netbeans

    13/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 13

    Como crear una ventana de Password

    Ya hemos aprendido como crear una aplicacin y como llamarla desde el men pero es muyimportante poder contar con una ventana que permita tener un acceso limitado a ciertainformacin que puede ser de tipo confidencial. A continuacin aprenderemos como crear unaventana de Password.

    Debemos crear un JFrame como ya hemos aprendido anteriormente y lo llamaremos Password.

    Luego de haber creado nuestro JFrame, insertamos un JPanel para crear nuestro espacio einsertamos los objetos de la barra de Palette.

  • 8/3/2019 Practicas de Proyecto Netbeans

    14/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 14

    Cuando ya hemos creado la presentacin de la ventana seguimos a crear una variable para elJPasswordField, le damos click derecho al JPasswordField y nos vamos a Properties.

    El nombre de nuestra variable es Password y damos click en close.

    Para programar el JPasswordField, damos doble click en el boton de entrar y escribimos losiguiente:

  • 8/3/2019 Practicas de Proyecto Netbeans

    15/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 15

    Al ya haber escrito el inciso anterior ahora vamos a mandar llamar la ventana de Password antesdel men y para eso hacemos lo siguiente:

    - En el nombre de nuestra aplicacin en este caso hola damos click derecho y nos vamos apropiedades:

    A continuacin nos aparece otra ventana donde vamos a seleccionar el nombre del JFrame denuestra ventana de password la cual llamamos Password.

    - Elegimos Run en la ventana y seleccionamos el nombre de Password en Main classes.

    Seleccionamos Select Main Class con un click y le damos ok.

  • 8/3/2019 Practicas de Proyecto Netbeans

    16/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 16

    Ahora podemos compilar nuestra aplicacin para comprobar que funcione bien nuestro password.

    En caso de ser incorrecto el password mostrara la siguiente ventana.

    Si todo esta correcto entrara automticamente al men ya creado anteriormente.

  • 8/3/2019 Practicas de Proyecto Netbeans

    17/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 17

    Como crear aplicaciones con JradioButton

    Podemos elegir entre varios operaciones con tan solo seleccionar una de estas y luego tambinlas otras opciones con los JRadioButton.Para crear esta aplicacin debemos hacer lo siguiente:1. En nuestro mismo paquete de operacin vamos a crear un JFrame como ya hemos aprendido.2. A esta ventana de dialogo la llamaremos Operaciones la cual esta en el paquete de Operacin.

    3. Insertamos un JPanel de la barra de Palette para crear nuestro espacio de trabajo. Luegoinsertamos los objetos como se muestra a continuacin:

  • 8/3/2019 Practicas de Proyecto Netbeans

    18/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 18

    4. Antes de insertar los JRadioButton se debe insertar un ButtonGroup y en las propiedades delos JRadioButton llamar al ButtonGroup1 ya creado. Se crean las mismas variables y de la mismaforma que en la ventana de Suma para el numero 1, 2 y el resultado.5. A continuacin comenzamos a programar cada JRadioButton, el de Suma y luego el de Resta.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:

    7. Aparecer el Source y escribiremos lo siguiente:

    8. Para el JRadioButton de Resta se har lo mismo solo que en la variable de resultado seescribir as: resultado= n1-n2.9. Ahora que ya hemos terminado la ventana debemos llamarla al Men como ya lo hemos

    aprendido.

  • 8/3/2019 Practicas de Proyecto Netbeans

    19/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 19

    Como agregarle color e iconos a las ventanas de nuestra aplicacin

    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 color1. Tomaremos de ejemplo la ventana de Suma, damos click en el JPanel de modo que se marquetodo el recuadro de la ventana.2. Luego le damos un click derecho y nos vamos a las Properties de este.

    3. Seguido de esto nos aparecer una ventana en la que deberemos seleccionar la opcin debackground para el color de fondo del JPanel.

    Como se muestra en la siguiente figura:

  • 8/3/2019 Practicas de Proyecto Netbeans

    20/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 20

    4. Al darle click a la pestaa de la derecha del background nos aparecer una gama de colores delos cuales podr elegir uno.

    5. Al haber seleccionado el color deseado daremos click en OK y automticamente nuestraventana tomara el color seleccionado como se demuestra en la siguiente figura:

  • 8/3/2019 Practicas de Proyecto Netbeans

    21/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 21

    6. Podemos trabajar de la misma forma para darle color a los JTextField.

    7. Para cambiar el tamao y tipo de letra de los JLabel damos click derecho en los JLabel y nosiremos a las Properties.8. Luego nos iremos a la pestaa de Font en Properties y seleccionaremos el tipo y tamao deletra deseado. Como se muestra en la figura:

    9. Para cambiar el color de la letra nos vamos a la pestaa de foreground y elegimos el color.10. Para insertar iconos en los botones, primero debemos asegurarnos de que el icono sea deextensin .gif si no contamos con iconos de esta extensin podemos crear los nuestros. Cmolos creamos? Podemos dibujar lo que deseemos en el accesorio de Paint y al momento degrabarlo nos aseguramos de hacerlo con la extensin *.gif.

    11. Al ya contar con nuestros iconos de esta extensin debemos copiarlos a la carpeta que hemosgrabado de Netbeans en la que queremos que aparezcan nuestros iconos.

  • 8/3/2019 Practicas de Proyecto Netbeans

    22/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 22

    12. Nos iremos a la carpeta de src y dentro de esta carpetas encontrara la carpeta de paquete ydentro de esta se encontrara una con el nombre que le asigno a su paquete en este caso se llamaOperacin y finalmente dentro de esta copiamos los iconos como se muestra a continuacin:

    13. Como podemos observar en la figura anterior se copiaron 3 iconos los cuales tienen lossiguientes nombres: Suma, Clear y Basurero2, Escape.14. Podemos darnos cuenta que estn copiados en la carpeta correcta si en la ventan deworkspace aparecen los iconos con extensin GIF al lado izquierda de su pantalla, dentro del

    paquete de Operacin.15. Despus de confirmar que ya estn copiados correctamente iniciamos a colocarle iconos anuestros botones.

    - Damos click derecho en el botn de Suma y nos vamos a las Properties.- Seguido de esto nos iremos a la pestaa de Icon.- Seleccionaremos los iconos de tipo Classpath (que estn dentro de la clase).

  • 8/3/2019 Practicas de Proyecto Netbeans

    23/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 23

    Luego de seleccionarlos como tipo Classpath, seleccionaremos los iconos que estn dentro denuestro paquete Operacin. Damos un clic al botn de Select File y nos aparecer una ventana enla que seleccionaremos el nombre del icono que necesitamos. Como se muestra en la siguientefigura:

    - Si se siguieron bien todos los pasos debe aparecer su ventana de Suma como se muestraa continuacin:

    16. Siga los mismos pasos para agregarle color e icono a sus dems ventanas.

  • 8/3/2019 Practicas de Proyecto Netbeans

    24/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 24

    Agregarle funcionalidad al botn de Limpiar y Salir

    El objetivo del botn de limpiar es el de borrar toda la informacin que este en el JTextField.El botn de Salir es muy sencillo de programar.Para darle funcionalidad al botn de Limpiar haga lo siguiente:1. Haga doble click en el botn de Limpiar.2. Escriba lo siguiente:

    3. Al botn de Salir dle doble click.4. Escriba lo siguiente:

    5. Pruebe la aplicacin.

  • 8/3/2019 Practicas de Proyecto Netbeans

    25/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 25

    Como centrar todas las ventanas en la pantalla

    Para centrar sus ventanas debe:1. Tener seleccionada toda la ventana dndole un click en el JPanel.2. Damos un click en la barra donde dice Inspector al lado izquierdo de su pantalla.

    3. Al ya haber dado click en el Inspector damos click derecho a el tipo deventana que tengamosJFrame o JDialog, en este caso la ventana de Men es de tipo JFrame.4. Nos vamos a las Properties y en luego damos click a la pestaa de Code.

  • 8/3/2019 Practicas de Proyecto Netbeans

    26/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 26

    5. Elegimos la opcin de Form Size Policy seguido de la opcin de Generate Resize Code.Como se demuestra en la siguiente figura:

    Puede compilar su aplicacin y verificar que la ventana de men aparezca en el centro, sinoocurre ningn error realice lo mismo con las dems ventanas de su aplicacin.

  • 8/3/2019 Practicas de Proyecto Netbeans

    27/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 27

    Como insertar la fecha actual en mi men

    Para insertar la fecha lo haremos en el JFrame ya creado de men y seguiremoslos siguientes pasos:1. Debemos insertar un JMenu en el cual aparecera la fecha del Sistema.2. Daremos doble click en este y escribiremos la librera import java.util.*; dentro del paquete eneste caso llamado Operacin; que es necesaria para el funcionamiento de la fecha.3. Declaramos una variable para el JtextField llamada hoy como aprendimos anteriormente.4. Escribiremos lo siguiente dentro del source del JtextField:

    5. Ahora damos click derecho en el JFrame de Men y nos vamos a Events seguido de Window ypor ultimo Window Oponed.

    6. Luego escribimos lo siguiente:

    7. Luego probamos nuestra aplicacin para verificar que en la ventana de Men nos aparezca lahora del sistema.

  • 8/3/2019 Practicas de Proyecto Netbeans

    28/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 28

    Como realizar Operaciones matemticas con JcomboBox

    Cree un Jframe con el nombre de Combo o como usted lo quiera llamar, una vez que ya le hadado nombre a su aplicacin, su diseo de aplicacin debe quedar de esta forma:

    Cuando ya ha creado su diseo agrguele variables a los botones, para darles funcionalidadAhora en el JComboBox debemos darle funcionalidad para eso debe darle click derecho

    Luego propiedades ah hay una funcin que se llama model debemos darle clic en el browse de

    model luego, para mostrar lo que queremos que salga en el comboBox en tem escribimos como

  • 8/3/2019 Practicas de Proyecto Netbeans

    29/31

    UNIDADES TECNOLGICAS DE SANTANDERINGENIERIA DE TELECOMUNICACIONES

    PROGRAMACION ORIENTADA A OBJETO 29

    primer paso escribimos NingunoAdd, SumaAdd, RestaAdd, MultiplicacinAdd,DivisinAddes de esta manera:

    Despus que hayamos hecho esto, le damos nuevamente click derecho y en Events < Item