Aplicaciones de Escritorio

Transcripción

1 Aplicaciones de Escritorio Interfaces Gráficas con Java Disertantes: Ing. Rasjido, José. AdeS Montenegro, Cristian.

2 Agenda Interfaz Grafica de Usuario Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

3 Interfaz Grafica de Usuario la interacción persona-ordenador, como un artefacto interactivo, que por su diseño y a través de ciertos interfaces humanos, posibilita la interacción de una persona con el sistema informático, haciendo uso de las gramáticas visuales y verbales (signos gráficos como iconos, botones, menús y verbales como tipografía).

4 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventan Componente Elementos de Swing Eventos tipos Eventos Diálogos

5 Aplicaciones de Escritorio Son programas que se instalan y/o ejecutan en un ordenador, incluso si la aplicación trabaja con datos a través de la Web.

6 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventan Componente Elementos de Swing Eventos tipos Eventos Diálogos

7 AWT - SWING Java incluye como parte del J2SE, dos conjuntos de librerías que proporcionan una amplia variedad de componentes gráficos: AWT Swing

8 AWT Swing Ejemplo

9 AWT AWT ( Abstract Windows Toolkit), conjunto de herramientas para la construcción de interfaces gráficas multiplataforma.

10 AWT Component Button TextComponet CheckBox Container TextField TextArea Panel Window Color Font Applet Frame Dimension Retangular Point

11 Swing Se presenta como una mejora de los AWT Apariencia independiente de la plataforma Mayor numero de componentes gráficos Mejora de los componentes clásicos

12 Swing Component AbstractButton JTextComponet JLabel JTable JTree JButton JTextField JTextArea JPasswordField

13 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

14 Componentes AWT / Swing

15 Actividad 1. Crear un proyecto Java de nombre MiAplicacion_TuApellido 2. Crear un paquete de nombre visual y otro de nombre modelo. 3. En modelo, crear la clase Persona Atributos: Nombre, Apellido, DNI, , Nacionalidad, Sexo, Domicilio. Crear los constructores, getters y setters correspondientes a cada uno de los atributos.

16 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

17 Contenedores El conjunto de objetos visuales con los que interactúa el usuario se encuentran incluidos dentro de un objeto superior, conocido como contenedor, cuya principal función es la de organizar la vista de la aplicación: Ventanas: El aspecto es el clásico de una ventana con barra de titulo, botones característicos, etc. Paneles: está contenido en un contenedor, que puede ser una ventana.

18 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

19 Gestores de Organización Los gestores de organización o layouts, son objetos que proporcionan una colocación y tamaño automáticos de los controles dentro de un contenedor, siguiendo los criterios definidos por la clase a la que pertenece el layouts. LayoutManager FlowLayout BorderLayout GridLayout CardLayout

20 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

21 Creación de una Ventana 1. Crear el objeto 1. Frame() ó JFrame() 2. Frame(String s) ó JFrame() 2. Definir tamaño y posición de la ventana. 3. Visualizar la ventana 4. Agregar componentes

22 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

23 Componentes JPanel JDesktopPane JLabel JTextField JPasswordField JComboBox JButton JCheckBox JRadioButton JMenuBar JMenuItem JScrollPane JList JTextPane

24 Actividad Crear una clase de tipo Formulario Frame, dentro del paquete Visual,

25 Actividad Crear una aplicación para la carga, modificación, y eliminación de datos de personas a un sistema. Generar una interfaz grafica para la clase Persona. Será un formulario para cargar los datos de las personas

26 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

27 Eventos Cada uno de los componentes tienen eventos asociados. Los eventos son sucesos que pueden tener lugar sobre la interfaz gráfica de una aplicación, la mayor parte de los cuales son provocados por alguna acción llevada a cabo por el usuario, como ejemplo la pulsación de un botón, la selección de un elemento de una lista o activación del botón de cierre de la ventana.

28 Actividad Agregar Eventos a los botones para el formulario

29 Agenda Interfaz Grafica de Usuario Aplicaciones de escritorio Tipos AWT Swing Ejemplos Contenedores Gestores de Contenido Crear Ventana Componente Elementos de Swing Eventos tipos Eventos Diálogos

30 Diálogos JOptionPane cuenta con estos cuatro metodos basicos para su manejo y uso aunque existen muchos mas solo haremos enfasis en los siguientes: showoptiondialog(); showinputdialog(); showmessagedialog(); showconfirmdialog();

31 Diálogos - showoptiondialog() parentcomponent: A partir de este componente, se intentará determinar cual es la ventana que debe hacer de padre del JOptionPane. message: El mensaje a mostrar, habitualmente un String title: El título para la ventana. optiontype: Un entero indicando qué opciones queremos que tenga la ventana. Los posibles valores son las constantes definidas en JOptionPane: DEFAULT_OPTION, YES_NO_OPTION, YES_NO_CANCEL_OPTION, o OK_CANCEL_OPTION. messagetype: Un entero para indicar qué tipo de mensaje estamos mostrando. Este tipo servirá para que se determine qué icono mostrar. Los posibles valores son constantes definidas en JOptionPane: ERROR_MESSAGE, INFORMATION_MESSAGE, WARNING_MESSAGE, QUESTION_MESSAGE, o PLAIN_MESSAGE icon: Un icono para mostrar. Si ponemos null, saldrá el icono adecuado según el parámetro messagetype.

32 Dialogo - Iconos Los iconos usados del JOptionPane son los siguientes y son los que recibe como parametro la mayoria de los metodos que necesitan un icono de mensaje

33 Ejemplo JOptionPane.showMessageDialog(null, "Hola Mundo", "Lo de siempre", JOptionPane.INFORMATION_MESSAGE );

34 Dialogo - showconfirmdialog() Este método muestra una ventana pidiendo una confirmación al usuario y da al usuario opción de aceptar o cancelar.el método devuelve un entero indicando la respuesta del usuario. Los valores de ese entero puede ser alguna de las constantes definidas en JOptionPane: YES_OPTION, NO_OPTION, CANCEL_OPTION, OK_OPTION, CLOSED_OPTION.

35 Ejemplo int confirmado = JOptionPane.showConfirmDialog( null, " Lo confirmas?,joptionpane.question_m ESSAGE);

36 Diálogos public static void showmessagedialog(component parentcomponent, Object message, String title, int messagetype, Icon icon) public static int showconfirmdialog(component parentcomponent, Object message, String title, int optiontype, int messagetype, Icon icon)

37 Diálogos JOptionPane.showConfirmDialog(Cont enedor.this, Mensaje", Titulo", JOptionPane.YES_NO_OPTION, JOptionPane.INFORMATION_MESSA GE) == JOptionPane.YES_OPTION JOptionPane.showMessageDialog(Co ntenedor.this, Mensaje", Titulo", JOptionPane.ERROR_MESSAGE)

38 Actividad Agregar a los eventos validación de los formularios.

39 Preguntas