20_GUIADOS_DIALOGOS

download 20_GUIADOS_DIALOGOS

of 11

Transcript of 20_GUIADOS_DIALOGOS

  • 8/13/2019 20_GUIADOS_DIALOGOS

    1/11

  • 8/13/2019 20_GUIADOS_DIALOGOS

    2/11

    Curso de Java Bsico

    http://procesinc.com/

    Ejercicio guiado

    1. Crea un nuevo proyecto en java.

    2. Disea el JFrame de forma que la ventana tenga el siguiente aspecto:

    Los elementos de la ventana tendrn los siguientes nombres:

    - Cuadro de texto de unidades: txtUnidades.- Cuadro de texto de precio: txtPrecio.- Etiqueta con borde del total: etiTotal.

    - Botn Calcular: btnCalcular.- Botn Configuracin: btnConfiguracion.

    3. Se pretende que cuando se pulse el botn Calcular se calcule el total de la venta(esto se har luego) Para hacer el clculo se tendrn en cuenta el IVA y el Descuentoa aplicar. Estos dos valores sern variables globales, ya que se usarn en distintoslugares del programa.

    4. As pues entra en el cdigo y declara una variable global iva y otra descuento talcomo se indica a continuacin (recuerda que las variables globales se colocan justodespus de la lnea donde se define la clase principal public class ):

    Variablesglobales

    http://procesinc.com/http://procesinc.com/http://procesinc.com/
  • 8/13/2019 20_GUIADOS_DIALOGOS

    3/11

  • 8/13/2019 20_GUIADOS_DIALOGOS

    4/11

    Curso de Java Bsico

    http://procesinc.com/

    9. Para aadir un cuadro de dilogo al proyecto, se tiene que aadir un objeto del tipoJDialog sobre el JFrame.

    10. Los JDialog son objetos ocultos, es decir, objetos que se colocan en la parte delInspector llamada Otros Componentes , al igual que sucede con los menscontextuales o los JFileChooser. Observa tu inspector, all vers el JDialog que hasaadido:

    11. Cmbiale el nombre. Lo llamaremos dialogoConfiguracion .

    12. Los dilogos normalmente traen por defecto el layout BorderLayout. Para nuestroejemplo cambiaremos el layout del JDialog por el Diseo Libre:

    13. Los JDialog se pueden disear independientemente, al igual que los JPanel. Solotienes que hacer doble clic sobre el dialogoConfiguracion (en el inspector ) y esteaparecer en el centro de la ventana.

    http://procesinc.com/http://procesinc.com/http://procesinc.com/
  • 8/13/2019 20_GUIADOS_DIALOGOS

    5/11

  • 8/13/2019 20_GUIADOS_DIALOGOS

    6/11

  • 8/13/2019 20_GUIADOS_DIALOGOS

    7/11

    Curso de Java Bsico

    http://procesinc.com/

    19. Los botones Aceptar y Cancelar del cuadro de dilogo an no hacen nada. As quelos programaremos. Empezaremos por el ms sencillo, el botn Cancelar.

    20. El botn Cancelar de un cuadro de dilogo simplemente cierra dicho cuadro de

    dilogo. Para ello, debes aadir el siguiente cdigo en el actionPerformed del botnCancelar del dilogo:

    dialogoConfiguracion.dispose();

    El mtodo dispose se usa para cerrar un cuadro de dilogo. Tambin se puede usarcon un JFrame para cerrarlo.

    21. Ejecuta el programa de nuevo y comprueba el funcionamiento del botn Cancelar delcuadro de dilogo.

    22. Ahora se programar el botn Aceptar. Cuando el usuario pulse este botn, se

    confirmar el valor deliva y del descuento que haya introducido. Es decir, setraspasarn los valores introducidos en los cuadros de texto txtIva y txtDescuento alas variables globales iva y descuento .

    Una vez que se haya hecho esto, el cuadro de dilogo se debe cerrar.

    23. Este es el cdigo que hace lo anterior. Debe programarlo en el actionPerformed delbotn Aceptar:

    iva = Double.parseDouble(txtIva.getText());descuento=Double.parseDouble(txtDescuento.getText());dialogoConfiguracion.dispose();

    24. Observe el cdigo. Primero se traspasa los valores de los cuadros de texto a lasvariables globales y luego se cierra el cuadro de dilogo.

    http://procesinc.com/http://procesinc.com/http://procesinc.com/
  • 8/13/2019 20_GUIADOS_DIALOGOS

    8/11

    Curso de Java Bsico

    http://procesinc.com/

    25. Compruebe el funcionamiento del programa de la siguiente forma:

    a. Ejecute el programa.b. Introduzca 5 unidades y 20 de precio.c. Si pulsa calcular, el total ser 100. (No hay ni iva ni descuento al empezar el

    programa)d. Ahora pulse el botn Configuracin, e introduzca un iva del 16. El descuento

    djelo a 0. Acepte.e. Ahora vuelva a calcular. Observe como ahora el total es 116, ya que se tiene

    en cuenta el iva configurado.f. Pruebe a configurar un descuento y vuelva a calcular.

    26. Se pretende ahora mejorar un poco el cuadro de dilogo, aadindole un ttulo.Seleccione el cuadro de dilogo en el Inspector y luego busque su propiedad title. Enella escriba Configuracin de iva y descuento .

    27. Vuelva a ejecutar el programa. Observe la barra de ttulo del cuadro de dilogo:

    28. Ahora se estudiar el concepto de cuadro de dilogo modal y cuadro de dilogo nomodal .

    Un cuadro de dilogo no modal . Es aquel que permite activar la ventana desde la queapareci. Los cuadros de dilogo aadidos a un proyecto son por defecto nomodales .

    29. Ejecuta el programa y prueba a hacer lo siguiente:

    a. Pulsa el botn Configurar. Aparecer el cuadro de dilogo.b. Pulsa sobre la ventana.

    http://procesinc.com/http://procesinc.com/http://procesinc.com/
  • 8/13/2019 20_GUIADOS_DIALOGOS

    9/11

    Curso de Java Bsico

    http://procesinc.com/

    c. Observars que la ventana se activa, colocndose sobre el cuadro de dilogo.

    d. Esto es posible gracias a que el cuadro de dilogo es no modal .

    e. A veces, puede ser interesante que se active la ventana pero que el cuadrode dilogo siga delante de ella. Para conseguir esto, es necesario activar lapropiedad del cuadro de dilogo llamada alwaysOnTop . Activa estapropiedad:

    Pulsa sobre laventana.

    La ventana se activacolocndose por encimadel cuadro de dilogo.

    http://procesinc.com/http://procesinc.com/http://procesinc.com/
  • 8/13/2019 20_GUIADOS_DIALOGOS

    10/11

    Curso de Java Bsico

    http://procesinc.com/

    f. Ahora ejecuta el programa de nuevo y haz que se visualice el cuadro dedilogo de configuracin. Podrs comprobar que se puede activar la ventanae incluso escribir en sus cuadros de textos, y que el cuadro de dilogo siguevisible:

    g. Es muy comn, cuando tenemos un cuadro de dilogo no modal , usar lapropiedad alwaysOnTop , para que siempre aparezca delante de la ventana.

    30. Ahora se estudiar el concepto de cuadro de dilogo modal .

    Un cuadro de dilogo modal es aquel que no permite que se active otra ventanahasta que este no se haya cerrado.

    31. Para convertir nuestro cuadro de dilogo en modal , ser necesario que lo seleccionesen el inspector y busques la propiedad modal . Debes activar esta propiedad.

    32. Ahora ejecuta el programa comprueba lo siguiente:

    a. Haz que se visualice el cuadro de dilogo de configuracin.

    b. A continuacin intenta activar la ventana haciendo clic sobre ella. Vers comono es posible activarla. Es ms, intenta escribir en sus cuadros de texto. Noser posible hacerlo. (Incluso observars un parpadeo en el cuadro de dilogoavisndote de ello). Esto es debido a que ahora nuestro cuadro de dilogo esmodal .

    Se puede activar laventana trasera, eincluso escribir en ella.Esto es gracias a que elcuadro de dilogo es nomodal.

    Por otro lado, el cuadrode dilogo sigue

    mostrndose delante dela ventana. Esto esgracias a la propiedadalwaysOnTop

    http://procesinc.com/http://procesinc.com/http://procesinc.com/
  • 8/13/2019 20_GUIADOS_DIALOGOS

    11/11