33
GUI Interfaz Grafica De Usuario Por: Carlos Alberto Ahumada Nova Julián Yecid Alarcón Burgos

Gui interfaz gráfica de usuario javax.swing y java.awt

Embed Size (px)

Citation preview

Page 1: Gui interfaz gráfica  de usuario javax.swing y java.awt

GUIInterfaz Grafica De Usuario

Por:Carlos Alberto Ahumada Nova Julián Yecid Alarcón Burgos

Page 2: Gui interfaz gráfica  de usuario javax.swing y java.awt

Componendas de interfaz grafica de usuario

javax.swing

javax.awt

Bibliografía

Page 3: Gui interfaz gráfica  de usuario javax.swing y java.awt

Elementos gráficos del paquete

javax.swing

Siguiente

Page 4: Gui interfaz gráfica  de usuario javax.swing y java.awt

Clases del paquete Swing ● Todos los componentes

heredan de javax.swing.JComponent

● JFrame será la base para la aplicación principal.

● JDialog construirá los dialógos (ventanas).

● El resto de clases serán componentes simples.

Siguiente

Page 5: Gui interfaz gráfica  de usuario javax.swing y java.awt

JButtonEs un botón que puede contener texto, gráficos, o

ambos

● Fijar el texto siempre centrado, en caso de

conteneruna imágen, ha de ir a la izquierda o encima del

texto.●Incluir “...” si precisa de más información para

llevar a cabo la ejecución.

Siguiente

Page 6: Gui interfaz gráfica  de usuario javax.swing y java.awt

JToggleButtonEs un botón que representa dos estados (On y

Off).Mismas características que el JButton.Puede emplearse como dos tipos de opciones. ➔ Independientes (Checkboxes).

➔ Exclusivas (RadioButton).

Siguiente

Page 7: Gui interfaz gráfica  de usuario javax.swing y java.awt

JCheckBox

Es un control que representa dos estados (On y Off).

Mismas propiedades y métodos que los anteriores

Siguiente

Page 8: Gui interfaz gráfica  de usuario javax.swing y java.awt

JRadioButtonPermiten seleccionar una única opción

dentro de un conjunto de opciones relacionadas.

Sólo puede haber una opción seleccionada a la vez.

Siguiente

Page 9: Gui interfaz gráfica  de usuario javax.swing y java.awt

JRadioButtonLos botones de radio (como los

checkboxes), suelen aparecer agrupados, con una leyenda

identificativa

Siguiente

Page 10: Gui interfaz gráfica  de usuario javax.swing y java.awt

JComboBoxEsta componente nos permite, al

hacer click sobre ella, seleccionar una opción de entre un conjunto,

todas ellas mutuamente exclusivas.● Ejemplo:private String[] contenidos ={"Manzana","Naranja","Platano","Tiburon","Tomate","Trucha"};private JComboBox jComboBox1 = new JComboBox(contenidos);

String nombre= (String) jComboBox1.getSelectedItem();

jTextField1.setText("Esto es un " + nombre);

jLabel2.setIcon(new ImageIcon("imagenes/"+nombre+"

.gif"));Siguiente

Page 11: Gui interfaz gráfica  de usuario javax.swing y java.awt

JListEs un componente que muestra un conjunto

de ítemsde texto, gráfico o ambos.Permite tres tipos de selección:1. Ítem único2. Rango simple3. Rango múltiple Mediante el método:.setSelectionMode(ListSelectionModel.SELE

CTION);

Siguiente

Page 12: Gui interfaz gráfica  de usuario javax.swing y java.awt

Componentes para texto

Siguiente

JLabel– Muestra texto, gráficos o ambos, sólo lectura.

JTextField– Muestra una linea de texto que puede ser editable.

JPasswordField– Oculta los caracteres introducidos por el usuario.

JTextArea– Espacio rectangular en el que ver y editar múltiples líneas de texto.

Page 13: Gui interfaz gráfica  de usuario javax.swing y java.awt

Menús Los menús han de ir en la ventana principal de la aplicación.

Es posible asignarles un gráfico. Cada título de menú debe tener su mnemotécnico.Pueden ser de tres tipos: – Drop-Down – Submenu – Contextuales

Son las clases JMenuBar, JMenu y

JMenuItem. Siguiente

Page 14: Gui interfaz gráfica  de usuario javax.swing y java.awt

ContenedoresClase JToolBar

– Son botones de comando o conmutación.– Se suelen emplear gráficos.– Métodos setFlotable(boolean) y addSeparator()

Siguiente

Page 15: Gui interfaz gráfica  de usuario javax.swing y java.awt

Permite navegar por el sistema de ficheros, y seleccionar uno o varios ficheros.

Métodos importantes:– multiSelectionEnabled(boolean);– getSelectedFile();

JFileChooser

Siguiente

Page 16: Gui interfaz gráfica  de usuario javax.swing y java.awt

JOptionPanePermite adaptar y crear varias clases de diálogos, especificando por ejemplos los iconos, el título y textode los diálogos.● Los iconos estándar son: question, information, warning y error.● Los métodos principales son:– showMessageDialog– showConfirmDialog

Siguiente

Page 17: Gui interfaz gráfica  de usuario javax.swing y java.awt

LayoutsIndican la forma de organizar los

componentes dentro de un contenedor, determinando el tamaño y

la posición.Para su uso:– Crear el contenedor.– Establecer el layout.– Agregar los componentes el contenedor.

Índice

Page 18: Gui interfaz gráfica  de usuario javax.swing y java.awt

Elementos gráficos del paquete javax.awt

Siguiente

Page 19: Gui interfaz gráfica  de usuario javax.swing y java.awt

CHECKBOX

es una casilla a seleccionar,  permite al usuario hacer selecciones múltiples a partir de una serie de opciones

Siguiente

Page 20: Gui interfaz gráfica  de usuario javax.swing y java.awt

LABEL

Es una Una Etiqueta de objeto es un componente para la colocación de texto en un contenedor. La etiqueta muestra una sola línea de texto de sólo lectura. El texto se puede cambiar por la aplicación, pero el usuario no puede editar directamente.

Siguiente

Page 21: Gui interfaz gráfica  de usuario javax.swing y java.awt

LIST

Una colección ordenada (también conocida como una secuencia ). El usuario de esta interfaz tiene un control preciso sobre donde en la lista de cada elemento se inserta. El usuario puede acceder a los elementos por su índice de enteros (posición en la lista), y la búsqueda de elementos en la lista.

Siguiente

Page 22: Gui interfaz gráfica  de usuario javax.swing y java.awt

SCROLLBAR

es una barra de desplazamiento que continua con texto, imágenes o cualquier otra cosa desplazado incluyendo vistas incluso si no encajar en el espacio en una pantalla de ordenador 

Siguiente

Page 23: Gui interfaz gráfica  de usuario javax.swing y java.awt

TEXTFIELD

es un  objeto es un componente de texto que permite la edición de una sola línea de texto.

Siguiente

Page 24: Gui interfaz gráfica  de usuario javax.swing y java.awt

TEXTAREA

es un objeto es una región multi-línea que muestra texto. Se puede configurar para permitir la edición o ser de sólo lectura

Siguiente

Page 25: Gui interfaz gráfica  de usuario javax.swing y java.awt

CANVAS

es un  componente representa un área en blanco rectangular de la pantalla en la que la aplicación puede dibujar o desde el que la aplicación puede atrapar eventos de entrada del usuario.

Siguiente

Page 26: Gui interfaz gráfica  de usuario javax.swing y java.awt

PANEL

Panel es la clase más simple contenedor. Un panel proporciona un espacio en el que una aplicación puede adjuntar cualquier otro componente, incluyendo otros paneles.

Siguiente

Page 27: Gui interfaz gráfica  de usuario javax.swing y java.awt

WINDOW

Una ventana de objeto es una ventana de nivel superior sin fronteras y sin barra de menú.

Siguiente

Page 28: Gui interfaz gráfica  de usuario javax.swing y java.awt

DIALOG

Es una ventana de dialogo con un título y un borde que se suele utilizar para tomar algún tipo de intervención del usuario

Siguiente

Page 29: Gui interfaz gráfica  de usuario javax.swing y java.awt

FILE DIALOG

Es un cuadro de dialogo pero para seleccionar fichero

Siguiente

Page 30: Gui interfaz gráfica  de usuario javax.swing y java.awt

FRAME

es una ventana con titulos y bordes, es un control u objeto principal de una aplicacion visual o grafica en java.

ÍndiceÍndice

Page 31: Gui interfaz gráfica  de usuario javax.swing y java.awt

Bibliografía http://www.polinux.upv.es/drupal/files/charlaSwing.pdf http://www.google.com.co/imgres?q=ventana+de+javax.swing&u

m=1&hl=es&biw=1360&bih=677&tbm=isch&tbnid=HPxz_UQdsbubpM:&imgrefurl=http://revista.python.org.ar/4/es/html/jython.html&imgurl=http://revista.python.org.ar/4/es/images/jython/preview.png&w=463&h=271&ei=7GJGUKKXAuPz0gGMnICIDA&zoom=1&iact=hc&vpx=497&vpy=394&dur=293&hovh=172&hovw=294&tx=132&ty=73&sig=117098364017819051152&page=1&tbnh=106&tbnw=181&start=0&ndsp=17&ved=1t:429,r:13,s:0,i:108

http://www.google.com.co/search?num=10&hl=es&site=imghp&tbm=isch&source=hp&biw=1360&bih=677&q=JOptionPane&oq=JOptionPane&gs_l=img.12...0.0.0.891.0.0.0.0.0.0.0.0..0.0...0.0...1ac.d-K5x_ZYrSA

http://www.google.com.co/search?hl=es&cp=7&gs_id=2&xhr=t&q=layouts&bav=on.2,or.r_gc.r_pw.r_qf.&biw=1360&bih=677&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=pHNGUPqBBYWS6wGwqIG4Bg#um=1&hl=es&tbm=isch&sa=1&q=layouts+programacion+&oq=layouts+programacion+&gs_l=img.3...4001.8858.0.8996.16.15.1.0.0.1.633.3885.2-1j5j3j1.10.0...0.0...1c.KkSzPOEZ5hU&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=af5a2bc4151a4b7a&biw=1360&bih=677

Siguiente