Aplicaciones de Escritoriográficas... · JOptionPane.ERROR_MESSAGE) Escuela de Informática 2013 -...

Escuela de Informática 2013 - UNPA UACO

Aplicaciones de Escritorio

Interfaces GrInterfaces Gr ááficas con Javaficas con Java

Disertantes: Ing. Rasjido, José.

AdeS Montenegro, Cristian.


Agenda

�� Interfaz Grafica de UsuarioInterfaz 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


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)….”


Agenda

� Interfaz Grafica de Usuario

�� Aplicaciones de escritorioAplicaciones de escritorio� Tipos AWT Swing� Ejemplos� Contenedores� Gestores de Contenido� Crear Ventan� Componente Elementos de Swing� Eventos tipos Eventos� Diálogos


Aplicaciones de Escritorio

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


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio

�� Tipos AWT SwingTipos AWT Swing� Ejemplos� Contenedores� Gestores de Contenido� Crear Ventan� Componente Elementos de Swing� Eventos tipos Eventos� Diálogos


AWT - SWING

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


AWT – SwingEjemplo


AWT

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


AWT

Component

Button TextComponet CheckBox

TextField TextArea

Container

Panel Window

FrameAppletFontColor

Dimension Retangular Point


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


SwingComponent

AbstractButton JTextComponet JLabel

JTextField JTextArea

JTable

JButton

JPasswordField

JTree


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio� Tipos AWT Swing

�� EjemplosEjemplos� Contenedores� Gestores de Contenido� Crear Ventana� Componente Elementos de Swing� Eventos tipos Eventos� Diálogos


Componentes AWT / Swing


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, E-mail, Nacionalidad, Sexo, Domicilio.

� Crear los constructores, getters y setters correspondientes a cada uno de los atributos.


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio� Tipos AWT Swing� Ejemplos

�� ContenedoresContenedores� Gestores de Contenido� Crear Ventana� Componente Elementos de Swing� Eventos tipos Eventos� Diálogos


ContenedoresEl 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.


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio� Tipos AWT Swing� Ejemplos� Contenedores

�� Gestores de ContenidoGestores de Contenido� Crear Ventana� Componente Elementos de Swing� Eventos tipos Eventos� Diálogos


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


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio� Tipos AWT Swing� Ejemplos� Contenedores� Gestores de Contenido

�� Crear VentanaCrear Ventana� Componente Elementos de Swing� Eventos tipos Eventos� Diálogos


1. Crear el objeto1. Frame() ó JFrame()

2. Frame(String s) ó JFrame()

2. Definir tamaño y posición de la ventana.

3. Visualizar la ventana4. Agregar componentes

Creación de una Ventana


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio� Tipos AWT Swing� Ejemplos� Contenedores� Gestores de Contenido� Crear Ventana

�� Componente Elementos de SwingComponente Elementos de Swing� Eventos tipos Eventos� Diálogos


Componentes

� JPanel� JDesktopPane� JLabel� JTextField� JPasswordField� JComboBox� JButton� JCheckBox� JRadioButton� JMenuBar

� JMenuItem� JScrollPane

� JList� JTextPane


Actividad

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


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


Agenda

� Interfaz Grafica de Usuario� Aplicaciones de escritorio� Tipos AWT Swing� Ejemplos� Contenedores� Gestores de Contenido� Crear Ventana� Componente Elementos de Swing

�� Eventos tipos EventosEventos tipos Eventos� Diálogos


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.


Actividad

� Agregar Eventos a los botones para el formulario


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

�� DiDiáálogoslogos


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();


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.


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


Ejemplo

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


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.


Ejemplo

� int confirmado = JOptionPane.showConfirmDialog( null, "¿Lo confirmas?“,JOptionPane.QUESTION_MESSAGE);


Diálogos

� public static void showMessageDialog (ComponentparentComponent, Object message, Stringtitle, int messageType, Icon icon)

� public static int showConfirmDialog (ComponentparentComponent, Object message, Stringtitle, int optionType, int messageType, Iconicon)


Diálogos

� JOptionPane.showConfirmDialog(Contenedor.this, “Mensaje", “Titulo", JOptionPane.YES_NO_OPTION, JOptionPane.INFORMATION_MESSAGE) == JOptionPane.YES_OPTION

� JOptionPane.showMessageDialog(Contenedor.this, “Mensaje", “Titulo", JOptionPane.ERROR_MESSAGE)


Actividad

� Agregar a los eventos validación de los formularios.


Preguntas…

Aplicaciones de Escritoriográficas... · JOptionPane.ERROR_MESSAGE) Escuela de Informática 2013 -...

Documents

Transcript of Aplicaciones de Escritoriográficas... · JOptionPane.ERROR_MESSAGE) Escuela de Informática 2013 -...