SlideShare una empresa de Scribd logo
1 de 9
PROGRAMACIÓN AVANZADA

  Ing. Pablo Alejandro Quezada Sarmiento
   mail. paquezada@utpl.edu.ec
INTERFAZ GRÁFICA EN JAVA.



• La interfaz de usuario es la parte del programa que
  permite al usuario interaccionar con él.

• La API de Java proporciona una biblioteca de clases para
  el desarrollo de Interfaces gráficas de usuario .

• La biblioteca proporciona un conjunto de herramientas
  para la construcción de interfaces gráficas que tienen una
  apariencia y se comportan de forma semejante en todas
  las plataformas en las que se ejecuten.
COMPONENTES GUI

Una interfaz grafica de usuario (GUI ) presenta un mecanismo
amigable al usuario para interactuar con una aplicación.


          JOptionPane.-tiene dos formas de ventanas
                   de aviso/confirmación.



  JOptionPane.showMessageDialog()     JOptionPane.showConfirmDialog()
Interfaz gráfica de usuario (AWT)
AWT = Abstract Windowing Toolkit
Permite crear entornos gráficos de ventanas, a la manera de Windows
Aspecto ‘similar’ en varias plataformas
Se han utilizado elementos comunes a todas las plataformas: barras
deslizantes, botones, menús desplegables
Swing

• Paquete de Java para la generación del GUI en aplicaciones
  reales de gran tamaño. Disponible como paquete externo en
  Java 1.1 e integrado desde Java 1.2.
• Es una de las API de JFC (Java Foundation Classes): AWT, Java
  2D, Accessibility, Drag and Drop, Swing, ...
• Escrito totalmente en Java.
• Se apoya sobre AWT y añade JComponents.
• Utiliza el modelo de eventos de Java 1.1.
• Elección entre diferentes aspectos (look & feel).
• Arquitectura Model-View-Controller (MVC).
• Nuevos componentes
Jerarquía de clases para las GUI


•   Component: superclase de todas las clases de interfaz gráfica.
•   Container: para agrupar componentes.
•   JComponent: superclase de todos los componentes de Swing
•   que se dibujan directamente en los lienzos (canvas).
•   Sus subclases son los elementos básicos de la GUI.
•   JFrame: ventana que no está contenida en otras ventanas.
•   JDialog: cuadro de diálogo.
•   JApplet: subclase de Applet para crear applets tipo Swing.
•   JPanel: contenedor invisible que mantiene componentes
•   de interfaz y que se puede anidar, colocándose en otros paneles
•   o en ventanas. También sirve de lienzo.
•   Graphics: clase abstracta que proporciona contextos gráficos
•   donde dibujar cadenas de texto, líneas y otras formas sencillas.
Jerarquía de clases para las GUI


•   Color: color de los componentes gráficos.
•   Font: aspecto de los caracteres.
•   FontMetrics: clase abstracta para propiedades de las fuentes.
•   Categorías de clases:
•   Contenedores:
•   JFrame, JApplet, JWindow, JDialog
•   Componentes intermedios:
•   JPanel, JScrollPane
•   Componentes:
•   JLabel, JBbutton, JTextField, JTextArea, ...
•   Clases de soporte:
•   Graphics, Color, Font, ...
• GRÁFICOS Y JAVA 2DTM

l   Dibujar líneas de cualquier anchura
l   Rellenar formas con gradientes y texturas
l   Mover, rotar, escalar y recortar texto y gráficos.
l   Componer texto y gráficos solapados

                               public void Paint (Graphics g) {
                                 Graphics2D g2 = (Graphics2D) g;
                                 ...
                               }
GRACIAS POR LA
  ATENCIÓN

Más contenido relacionado

La actualidad más candente

Cuadro comparativo AWT-SWING
Cuadro comparativo AWT-SWINGCuadro comparativo AWT-SWING
Cuadro comparativo AWT-SWINGsofia_27
 
DiseñO Orientado A Objetos
DiseñO Orientado A ObjetosDiseñO Orientado A Objetos
DiseñO Orientado A ObjetosFrancisco Godoy
 
Tipos de modelo y metodologias
Tipos de modelo y metodologiasTipos de modelo y metodologias
Tipos de modelo y metodologiasJosafat Mtz
 
Analisis y diseño de sistemas
Analisis y diseño de sistemasAnalisis y diseño de sistemas
Analisis y diseño de sistemasjoalmerca6
 
Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)programadorjavablog
 
Clases abstractas e interfaz
Clases abstractas e interfazClases abstractas e interfaz
Clases abstractas e interfazHector López
 
Diseño de Patrones (Fachada)
Diseño de Patrones (Fachada)Diseño de Patrones (Fachada)
Diseño de Patrones (Fachada)Fanny Ruiz
 
Qué es-uml uriel-nava_mucio_2°_"C"_
Qué es-uml uriel-nava_mucio_2°_"C"_Qué es-uml uriel-nava_mucio_2°_"C"_
Qué es-uml uriel-nava_mucio_2°_"C"_Uriel Nava
 
Uml presentacion
Uml presentacionUml presentacion
Uml presentacionexusjhonk
 
1 3 ingenieria software y patrones de diseño
1 3 ingenieria software y patrones de diseño1 3 ingenieria software y patrones de diseño
1 3 ingenieria software y patrones de diseñolandeta_p
 

La actualidad más candente (17)

Diapos de topicos
Diapos de topicosDiapos de topicos
Diapos de topicos
 
Cuadro comparativo AWT-SWING
Cuadro comparativo AWT-SWINGCuadro comparativo AWT-SWING
Cuadro comparativo AWT-SWING
 
DiseñO Orientado A Objetos
DiseñO Orientado A ObjetosDiseñO Orientado A Objetos
DiseñO Orientado A Objetos
 
Tipos de modelo y metodologias
Tipos de modelo y metodologiasTipos de modelo y metodologias
Tipos de modelo y metodologias
 
Java swing
Java swingJava swing
Java swing
 
Analisis y diseño de sistemas
Analisis y diseño de sistemasAnalisis y diseño de sistemas
Analisis y diseño de sistemas
 
Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)
 
Clases abstractas e interfaz
Clases abstractas e interfazClases abstractas e interfaz
Clases abstractas e interfaz
 
samir
samirsamir
samir
 
Uml
UmlUml
Uml
 
Diseño de Patrones (Fachada)
Diseño de Patrones (Fachada)Diseño de Patrones (Fachada)
Diseño de Patrones (Fachada)
 
Orientacion A Objetos
Orientacion A ObjetosOrientacion A Objetos
Orientacion A Objetos
 
Patrones diseño y arquitectura
Patrones diseño y arquitecturaPatrones diseño y arquitectura
Patrones diseño y arquitectura
 
Qué es-uml uriel-nava_mucio_2°_"C"_
Qué es-uml uriel-nava_mucio_2°_"C"_Qué es-uml uriel-nava_mucio_2°_"C"_
Qué es-uml uriel-nava_mucio_2°_"C"_
 
Uml presentacion
Uml presentacionUml presentacion
Uml presentacion
 
java swing vs awt
java swing vs awtjava swing vs awt
java swing vs awt
 
1 3 ingenieria software y patrones de diseño
1 3 ingenieria software y patrones de diseño1 3 ingenieria software y patrones de diseño
1 3 ingenieria software y patrones de diseño
 

Destacado (20)

Subprocesamiento Mùltiple
Subprocesamiento MùltipleSubprocesamiento Mùltiple
Subprocesamiento Mùltiple
 
Video 1 metodos y arreglos
Video 1 metodos y arreglosVideo 1 metodos y arreglos
Video 1 metodos y arreglos
 
Video 5 base de datos
Video 5  base de datosVideo 5  base de datos
Video 5 base de datos
 
Video 2 herencia y polimorfismo
Video 2 herencia y polimorfismoVideo 2 herencia y polimorfismo
Video 2 herencia y polimorfismo
 
2.modelos del proceso
2.modelos del proceso2.modelos del proceso
2.modelos del proceso
 
Constructores en java(grupo 8)
Constructores en java(grupo 8)Constructores en java(grupo 8)
Constructores en java(grupo 8)
 
Requerimientos de un Sistema (usando criterios del swebok)
Requerimientos de un Sistema (usando criterios del swebok)Requerimientos de un Sistema (usando criterios del swebok)
Requerimientos de un Sistema (usando criterios del swebok)
 
Codigos para office 2013
Codigos para office 2013Codigos para office 2013
Codigos para office 2013
 
El dictamen
El dictamenEl dictamen
El dictamen
 
Gestión de excepciones en java
Gestión de excepciones en javaGestión de excepciones en java
Gestión de excepciones en java
 
Programación orientada a objetos
Programación orientada a objetosProgramación orientada a objetos
Programación orientada a objetos
 
Ficheros en java
Ficheros en javaFicheros en java
Ficheros en java
 
Peces
PecesPeces
Peces
 
Aves
AvesAves
Aves
 
Los anelidos
Los anelidosLos anelidos
Los anelidos
 
Recursividad
RecursividadRecursividad
Recursividad
 
Arreglos en java
Arreglos en javaArreglos en java
Arreglos en java
 
Equinodermos y hemicordados
Equinodermos  y hemicordadosEquinodermos  y hemicordados
Equinodermos y hemicordados
 
FUNDAMENTOS TEÓRICOS Y METODOLÓGICOS DE LAS DIFERENCIAS INDIVIDUALES
FUNDAMENTOS TEÓRICOS Y METODOLÓGICOS DE LAS DIFERENCIAS INDIVIDUALESFUNDAMENTOS TEÓRICOS Y METODOLÓGICOS DE LAS DIFERENCIAS INDIVIDUALES
FUNDAMENTOS TEÓRICOS Y METODOLÓGICOS DE LAS DIFERENCIAS INDIVIDUALES
 
Diferencias individuales en inteligencia
Diferencias individuales en  inteligenciaDiferencias individuales en  inteligencia
Diferencias individuales en inteligencia
 

Similar a Video 3 interfaz grafica java

Comparacion swing & awt..
Comparacion swing & awt..Comparacion swing & awt..
Comparacion swing & awt..paulacas
 
Trabajo teórico exposcición
Trabajo teórico exposciciónTrabajo teórico exposcición
Trabajo teórico exposciciónAndy Bsc
 
Gu is awt_swing
Gu is awt_swingGu is awt_swing
Gu is awt_swingLCA
 
Controles
ControlesControles
Controlesggzhack
 
POO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosPOO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosFranklin Parrales Bravo
 
Swing j button, jcheck box y jradiobutton
Swing j button, jcheck box y jradiobuttonSwing j button, jcheck box y jradiobutton
Swing j button, jcheck box y jradiobuttonChristian Garcia
 
Interfaz gráfica de usuario y eventos (introducción)
Interfaz gráfica de usuario y eventos (introducción)Interfaz gráfica de usuario y eventos (introducción)
Interfaz gráfica de usuario y eventos (introducción)Omar B.
 
Presentacion de dictar clase de gui
Presentacion de dictar clase de guiPresentacion de dictar clase de gui
Presentacion de dictar clase de guijohernyjose
 
Eclipse [Jueves]
Eclipse [Jueves]Eclipse [Jueves]
Eclipse [Jueves]Actimel
 
Interfaces de usuario con awt
Interfaces de usuario con awtInterfaces de usuario con awt
Interfaces de usuario con awtFlashnet S.A
 
Controles de Interfaz Parte Practica.pdf
Controles de Interfaz Parte Practica.pdfControles de Interfaz Parte Practica.pdf
Controles de Interfaz Parte Practica.pdfJUANCARLOSCUMBICUSBR
 
Unidad 2 tópicos avanzados de programacion
Unidad 2 tópicos avanzados de programacionUnidad 2 tópicos avanzados de programacion
Unidad 2 tópicos avanzados de programacionIrving Che
 

Similar a Video 3 interfaz grafica java (20)

Controles swing
Controles swingControles swing
Controles swing
 
Swing
SwingSwing
Swing
 
Swing
SwingSwing
Swing
 
Comparacion swing & awt..
Comparacion swing & awt..Comparacion swing & awt..
Comparacion swing & awt..
 
Java swing
Java swingJava swing
Java swing
 
Trabajo teórico exposcición
Trabajo teórico exposciciónTrabajo teórico exposcición
Trabajo teórico exposcición
 
Gu is awt_swing
Gu is awt_swingGu is awt_swing
Gu is awt_swing
 
Controles
ControlesControles
Controles
 
POO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilosPOO Unidad 3: Interfaz gráfica de usuario e hilos
POO Unidad 3: Interfaz gráfica de usuario e hilos
 
Awt vs java swing
Awt vs java swingAwt vs java swing
Awt vs java swing
 
Swing j button, jcheck box y jradiobutton
Swing j button, jcheck box y jradiobuttonSwing j button, jcheck box y jradiobutton
Swing j button, jcheck box y jradiobutton
 
Interfaz gráfica de usuario y eventos (introducción)
Interfaz gráfica de usuario y eventos (introducción)Interfaz gráfica de usuario y eventos (introducción)
Interfaz gráfica de usuario y eventos (introducción)
 
CLASE SWING
CLASE SWING CLASE SWING
CLASE SWING
 
Tema6resumido
Tema6resumidoTema6resumido
Tema6resumido
 
Presentacion de dictar clase de gui
Presentacion de dictar clase de guiPresentacion de dictar clase de gui
Presentacion de dictar clase de gui
 
Introduccion a graficos mediante JAVA 2D
Introduccion a graficos mediante JAVA 2DIntroduccion a graficos mediante JAVA 2D
Introduccion a graficos mediante JAVA 2D
 
Eclipse [Jueves]
Eclipse [Jueves]Eclipse [Jueves]
Eclipse [Jueves]
 
Interfaces de usuario con awt
Interfaces de usuario con awtInterfaces de usuario con awt
Interfaces de usuario con awt
 
Controles de Interfaz Parte Practica.pdf
Controles de Interfaz Parte Practica.pdfControles de Interfaz Parte Practica.pdf
Controles de Interfaz Parte Practica.pdf
 
Unidad 2 tópicos avanzados de programacion
Unidad 2 tópicos avanzados de programacionUnidad 2 tópicos avanzados de programacion
Unidad 2 tópicos avanzados de programacion
 

Más de Videoconferencias UTPL

La oración en clave de espiritualidad misionera
La oración en clave de espiritualidad misioneraLa oración en clave de espiritualidad misionera
La oración en clave de espiritualidad misioneraVideoconferencias UTPL
 
Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )
Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )
Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )Videoconferencias UTPL
 
Asesoria trabajo fin de titulacion (objetivos y planificacion)
Asesoria trabajo fin de titulacion (objetivos y planificacion)Asesoria trabajo fin de titulacion (objetivos y planificacion)
Asesoria trabajo fin de titulacion (objetivos y planificacion)Videoconferencias UTPL
 
Introducción a las ciencias ambientales
Introducción a las ciencias ambientalesIntroducción a las ciencias ambientales
Introducción a las ciencias ambientalesVideoconferencias UTPL
 

Más de Videoconferencias UTPL (20)

La oración en clave de espiritualidad misionera
La oración en clave de espiritualidad misioneraLa oración en clave de espiritualidad misionera
La oración en clave de espiritualidad misionera
 
Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )
Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )
Asesoria trabajo fin de titulacion (Lineas y proyectos de investigación )
 
Asesoria trabajo fin de titulacion (objetivos y planificacion)
Asesoria trabajo fin de titulacion (objetivos y planificacion)Asesoria trabajo fin de titulacion (objetivos y planificacion)
Asesoria trabajo fin de titulacion (objetivos y planificacion)
 
Generos graficos
Generos graficosGeneros graficos
Generos graficos
 
Periodismo digital
Periodismo digitalPeriodismo digital
Periodismo digital
 
El editorial
El editorialEl editorial
El editorial
 
La entrevista
La entrevistaLa entrevista
La entrevista
 
La noticia
La noticiaLa noticia
La noticia
 
Generos periodisticos
Generos periodisticosGeneros periodisticos
Generos periodisticos
 
Biología general
Biología generalBiología general
Biología general
 
Introducción a las ciencias ambientales
Introducción a las ciencias ambientalesIntroducción a las ciencias ambientales
Introducción a las ciencias ambientales
 
Expresion oral y escrita
Expresion oral y escritaExpresion oral y escrita
Expresion oral y escrita
 
Matematicas I
Matematicas IMatematicas I
Matematicas I
 
Contabilidad general I
Contabilidad general IContabilidad general I
Contabilidad general I
 
Realidad Nacional
Realidad NacionalRealidad Nacional
Realidad Nacional
 
Aplicación de nuevas tecnologías
Aplicación de nuevas tecnologíasAplicación de nuevas tecnologías
Aplicación de nuevas tecnologías
 
Marketing y protocolo empresarial
Marketing y protocolo empresarialMarketing y protocolo empresarial
Marketing y protocolo empresarial
 
Gerencia educativa
Gerencia educativaGerencia educativa
Gerencia educativa
 
Toma de decisiones
Toma de decisiones Toma de decisiones
Toma de decisiones
 
Ejercicios fonetica y fonologia
Ejercicios fonetica y fonologiaEjercicios fonetica y fonologia
Ejercicios fonetica y fonologia
 

Video 3 interfaz grafica java

  • 1. PROGRAMACIÓN AVANZADA Ing. Pablo Alejandro Quezada Sarmiento mail. paquezada@utpl.edu.ec
  • 2. INTERFAZ GRÁFICA EN JAVA. • La interfaz de usuario es la parte del programa que permite al usuario interaccionar con él. • La API de Java proporciona una biblioteca de clases para el desarrollo de Interfaces gráficas de usuario . • La biblioteca proporciona un conjunto de herramientas para la construcción de interfaces gráficas que tienen una apariencia y se comportan de forma semejante en todas las plataformas en las que se ejecuten.
  • 3. COMPONENTES GUI Una interfaz grafica de usuario (GUI ) presenta un mecanismo amigable al usuario para interactuar con una aplicación. JOptionPane.-tiene dos formas de ventanas de aviso/confirmación. JOptionPane.showMessageDialog() JOptionPane.showConfirmDialog()
  • 4. Interfaz gráfica de usuario (AWT) AWT = Abstract Windowing Toolkit Permite crear entornos gráficos de ventanas, a la manera de Windows Aspecto ‘similar’ en varias plataformas Se han utilizado elementos comunes a todas las plataformas: barras deslizantes, botones, menús desplegables
  • 5. Swing • Paquete de Java para la generación del GUI en aplicaciones reales de gran tamaño. Disponible como paquete externo en Java 1.1 e integrado desde Java 1.2. • Es una de las API de JFC (Java Foundation Classes): AWT, Java 2D, Accessibility, Drag and Drop, Swing, ... • Escrito totalmente en Java. • Se apoya sobre AWT y añade JComponents. • Utiliza el modelo de eventos de Java 1.1. • Elección entre diferentes aspectos (look & feel). • Arquitectura Model-View-Controller (MVC). • Nuevos componentes
  • 6. Jerarquía de clases para las GUI • Component: superclase de todas las clases de interfaz gráfica. • Container: para agrupar componentes. • JComponent: superclase de todos los componentes de Swing • que se dibujan directamente en los lienzos (canvas). • Sus subclases son los elementos básicos de la GUI. • JFrame: ventana que no está contenida en otras ventanas. • JDialog: cuadro de diálogo. • JApplet: subclase de Applet para crear applets tipo Swing. • JPanel: contenedor invisible que mantiene componentes • de interfaz y que se puede anidar, colocándose en otros paneles • o en ventanas. También sirve de lienzo. • Graphics: clase abstracta que proporciona contextos gráficos • donde dibujar cadenas de texto, líneas y otras formas sencillas.
  • 7. Jerarquía de clases para las GUI • Color: color de los componentes gráficos. • Font: aspecto de los caracteres. • FontMetrics: clase abstracta para propiedades de las fuentes. • Categorías de clases: • Contenedores: • JFrame, JApplet, JWindow, JDialog • Componentes intermedios: • JPanel, JScrollPane • Componentes: • JLabel, JBbutton, JTextField, JTextArea, ... • Clases de soporte: • Graphics, Color, Font, ...
  • 8. • GRÁFICOS Y JAVA 2DTM l Dibujar líneas de cualquier anchura l Rellenar formas con gradientes y texturas l Mover, rotar, escalar y recortar texto y gráficos. l Componer texto y gráficos solapados public void Paint (Graphics g) { Graphics2D g2 = (Graphics2D) g; ... }
  • 9. GRACIAS POR LA ATENCIÓN