SlideShare una empresa de Scribd logo
1 de 15
Lic. MsD. Celestino Hernández Programación IV
Asignatura:
Programación de Sistemas
TEMA: Administradores de diseño en Java
Ciclo: 02/2016
Profesor:
Celestino Hernández
UNIVERSIDAD DE ORIENTE
FACULTAD DE CIENCIAS ECONOMICAS
SECCION DE INFORMATICA.
E-Mail: chernandez@univo.edu.sv
Lic. MsD. Celestino Hernández Programación IV
Reflexión.
Lic. MsD. Celestino Hernández Programación IV
Objetivos:
Al final de la clase los participantes serán
capaces de:
– Comprenderá los principios básicos de los
administradores de diseño de las interfaces gráficas
de usuario (GUI).
– Creará aplicaciones usando los administradores de
diseño y la interfaz gráfica de usuario (GIU).
Administradores de Diseño:
Lic. MsD. Celestino Hernández Programación IV
• Los
ayudan a adaptar los diversos Componentes
que se desean incorporar a un JPanel,
JFrame o JApplet, es decir, especifican la
apariencia que tendrán los Componentes a
la hora de colocarlos sobre un Contenedor
controlando el tamaño y posición del
componente.
Clases de distribución de objetos (Layout)
Lic. MsD. Celestino Hernández Programación IV
Layout
Manager
FlowLayout GridLayout BorderLayout CardLayout GridBagLayout BoxLayout
Layout Managers
Lic. MsD. Celestino Hernández Programación IV
• Un administrador de diseño determinan el
tamaño y posición del componente en el
contenedor mostrarando varios
componentes a la vez en un orden
preestablecido.
• Cuando el contenedor (container) necesita
posicionar un componente, invoca al layout
manager para que este lo haga
Administradores de diseño.
Lic. MsD. Celestino Hernández Programación IV
• Permiten representar de una manera
ordenada los componentes en la pantalla.
• Cuando usamos los administradores no
nos tenemos que preocupar, por ejemplo,
de que se redimensione una ventana, ya
que el propio administrador se encargará
de reorganizar los componentes en el
Container.
Ventajas
Lic. MsD. Celestino Hernández Programación IV
• BorderLayout. Diseño con limites. Divide un
contenedor en cinco secciones denominadas:
norte, sur, este, oeste y centro.
• GridLayout. Diseño por rejilla. Coloca los
componentes en el contenedor en filas y
columnas. (Video)
• GridBagLayout. Diseño tipo rejilla. Coloca
los componentes en el contenedor en filas y
columnas. A diferencia del GridLayout,
permite que un componente pueda ocupar mas
de una fila y/o columna.
Administradores de diseño de Swing
Lic. MsD. Celestino Hernández Programación IV
• CardLayout. Diseño por paneles. Este
administrador permite colocar en el contenedor
grupos diferentes de componentes en instantes
diferenes de la ejecucion (similar a los paneles
con pestañas).
• BoxLayout. Diseño en caja. Coloca los
componentes en el contenedor en una única
fila o columna, ajustándose al espacio que
haya.
Administradores de diseño de Swing.
Lic. MsD. Celestino Hernández Programación IV
• FlowLayout. Diseño en flujo. Coloca los
componentes en el contenedor de izquierda a
derecha (igual que se coloca el texto en un
párrafo). Es el administrador de diseño
asignado de forma predeterminada a los
contenedores de un nivel intermedio.
Administradores de diseño de Swing.
Lic. MsD. Celestino Hernández Programación IV
Vista de Administradores de diseño de Swing.
Lic. MsD. Celestino Hernández Programación IV
Ejemplo de uso del administrador FlowLayout
Lic. MsD. Celestino Hernández Programación IV
Ejemplo de programa usando BorderLayout
/**
* @(#)AdminBorderLayout.java
* @author
* @version 1.00 2016/7/6
*/
import java.awt.*;
import javax.swing.*;
import java.text.DecimalFormat;
import javax.swing.WindowConstants;
import javax.swing.JFrame;
import java.awt.event.*;
/*demostracion por inforux*/
public class AdminBorderLayout
{
public static void main(String args[])
{
producto frame = new producto();
frame.show();
frame.setDefaultCloseOperation(JFrame.
EXIT_ON_CLOSE);
}
}
class producto extends JFrame implements
ActionListener
{
JLabel eti1, eti2, eti3;
JTextField can, precio, tot;
JButton btncalcular, btnsalir;
DecimalFormat f;
public producto()
{
setTitle("Ejemplo con BorderLayout");
setSize(450,130);
f = new DecimalFormat("##,##0.00");
//creamos los paneles y asignamos el layout
Container contentPane = getContentPane();
contentPane.setLayout(new FlowLayout());
JPanel p1 = new JPanel();
JPanel p2 = new JPanel();
//Creamos los componentes a utilizar
eti1 = new JLabel("Cantidad de productos:
");
can = new JTextField(5);
eti2= new JLabel("Escribe el precio: ");
precio = new JTextField(5);
//Añadimos los componentes a la ventana
p1.add(eti1);
Lic. MsD. Celestino Hernández Programación IV
Cont. Ejemplo de programa usando BorderLayout
p1.add(can);
p1.add(eti2);
p1.add(precio);
contentPane.add(p1, BorderLayout.NORTH);
eti3 = new JLabel("Pago total: ");
tot = new JTextField(5);
//Añadimos los componentes a la ventana
p2.add(eti3);
p2.add(tot);
btncalcular = new JButton("Calcular");
btncalcular.addActionListener(this);
btnsalir = new JButton("Cerrar");
btnsalir.addActionListener(this);
p2.add(btncalcular);
p2.add(btnsalir);
contentPane.add(p2,
BorderLayout.SOUTH);
}
public void actionPerformed(ActionEvent e)
{
double preciop, total;
int cant;
if (e.getSource() == btncalcular)
{
cant = Integer.parseInt(can.getText());
preciop =
Double.parseDouble(precio.getText());
total = cant * preciop;
tot.setText(f.format(total));
}
if (e.getSource() == btnsalir)
{
System.exit(0);
}
}
}
Lic. MsD. Celestino Hernández Programación IV

Más contenido relacionado

Destacado

El ritual de_los_indios_cherokee
El ritual de_los_indios_cherokeeEl ritual de_los_indios_cherokee
El ritual de_los_indios_cherokeeclaudiacanonico1
 
Informe Osmeida López_SIG
Informe Osmeida López_SIGInforme Osmeida López_SIG
Informe Osmeida López_SIGcrecimadurar
 
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOAREDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOACarlos Robayo
 
Baloncesto 2ºeso
Baloncesto 2ºesoBaloncesto 2ºeso
Baloncesto 2ºesomanupuerma
 
Sistema de informacion
Sistema de informacionSistema de informacion
Sistema de informacionLizeth de Oz
 
Presentacion de trabajos practicos sin laboratorio
Presentacion de trabajos practicos sin laboratorioPresentacion de trabajos practicos sin laboratorio
Presentacion de trabajos practicos sin laboratorioingridfranco
 
Educación a Distancia
Educación a DistanciaEducación a Distancia
Educación a DistanciaREYNA77
 
RSS
RSSRSS
RSSUnad
 
Lección del fuego
Lección del fuegoLección del fuego
Lección del fuegojavier_perez
 
Tomas de aquino
Tomas  de aquinoTomas  de aquino
Tomas de aquinoMc11
 
SmartCities y Alternativas en Emprendimiento Social
SmartCities y Alternativas en Emprendimiento SocialSmartCities y Alternativas en Emprendimiento Social
SmartCities y Alternativas en Emprendimiento Socialp4s.co
 

Destacado (20)

El ritual de_los_indios_cherokee
El ritual de_los_indios_cherokeeEl ritual de_los_indios_cherokee
El ritual de_los_indios_cherokee
 
Bcu 1
Bcu 1Bcu 1
Bcu 1
 
Informe Osmeida López_SIG
Informe Osmeida López_SIGInforme Osmeida López_SIG
Informe Osmeida López_SIG
 
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOAREDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
 
Baloncesto 2ºeso
Baloncesto 2ºesoBaloncesto 2ºeso
Baloncesto 2ºeso
 
Estudes 2010 20 diciembre 2011
Estudes 2010 20 diciembre 2011Estudes 2010 20 diciembre 2011
Estudes 2010 20 diciembre 2011
 
Sistema de informacion
Sistema de informacionSistema de informacion
Sistema de informacion
 
Presentacion de trabajos practicos sin laboratorio
Presentacion de trabajos practicos sin laboratorioPresentacion de trabajos practicos sin laboratorio
Presentacion de trabajos practicos sin laboratorio
 
Internet
InternetInternet
Internet
 
Dislipemias
DislipemiasDislipemias
Dislipemias
 
Educación a Distancia
Educación a DistanciaEducación a Distancia
Educación a Distancia
 
RSS
RSSRSS
RSS
 
Lección del fuego
Lección del fuegoLección del fuego
Lección del fuego
 
Word
WordWord
Word
 
Tomas de aquino
Tomas  de aquinoTomas  de aquino
Tomas de aquino
 
SmartCities y Alternativas en Emprendimiento Social
SmartCities y Alternativas en Emprendimiento SocialSmartCities y Alternativas en Emprendimiento Social
SmartCities y Alternativas en Emprendimiento Social
 
Fortalecimiento de la gestión del conocimiento y del acceso a la información ...
Fortalecimiento de la gestión del conocimiento y del acceso a la información ...Fortalecimiento de la gestión del conocimiento y del acceso a la información ...
Fortalecimiento de la gestión del conocimiento y del acceso a la información ...
 
Pronombres
PronombresPronombres
Pronombres
 
Patagonia argentina
Patagonia argentinaPatagonia argentina
Patagonia argentina
 
Qué es word
Qué es wordQué es word
Qué es word
 

Similar a Actividad 4 presentacion multimedia modulo 4

Tema 4 3_1_interfaces_de_usuario
Tema 4 3_1_interfaces_de_usuarioTema 4 3_1_interfaces_de_usuario
Tema 4 3_1_interfaces_de_usuarioCarlos A. Iglesias
 
Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016angeles104
 
El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8Ymbra
 
Tema 4 3_2_interfaces_de_usuario
Tema 4 3_2_interfaces_de_usuarioTema 4 3_2_interfaces_de_usuario
Tema 4 3_2_interfaces_de_usuarioCarlos A. Iglesias
 
Gestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterGestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterandrewzg
 
Confección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWINGConfección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWINGJose Benítez Andrades
 
Layouts - Java
Layouts - JavaLayouts - Java
Layouts - Javanjca01
 
MobileCONGalicia Introducción a Android
MobileCONGalicia Introducción a AndroidMobileCONGalicia Introducción a Android
MobileCONGalicia Introducción a AndroidAlberto Ruibal
 
1TAP Tema 1-GUI.pptx
1TAP Tema 1-GUI.pptx1TAP Tema 1-GUI.pptx
1TAP Tema 1-GUI.pptxATM_SSI
 
LabAndroid: Taller "Mi Primera Aplicación Android"
LabAndroid: Taller "Mi Primera Aplicación Android"LabAndroid: Taller "Mi Primera Aplicación Android"
LabAndroid: Taller "Mi Primera Aplicación Android"Alberto Ruibal
 
VLCTechFest - Simplificando Controladores: Una introducción a Action-Domain ...
VLCTechFest -  Simplificando Controladores: Una introducción a Action-Domain ...VLCTechFest -  Simplificando Controladores: Una introducción a Action-Domain ...
VLCTechFest - Simplificando Controladores: Una introducción a Action-Domain ...Miguel Ángel Sánchez Chordi
 
Visteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisasVisteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisasJosé María Pérez Ramos
 
Trabajo teórico exposcición
Trabajo teórico exposciciónTrabajo teórico exposcición
Trabajo teórico exposciciónAndy Bsc
 
Mobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vueloMobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vueloSoftware Guru
 
Cross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.netCross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.netAlberto Diaz Martin
 
CrossDvlpu - REACT para desarrolladores de ASP.NET
CrossDvlpu - REACT para desarrolladores de ASP.NETCrossDvlpu - REACT para desarrolladores de ASP.NET
CrossDvlpu - REACT para desarrolladores de ASP.NETAlberto Diaz Martin
 

Similar a Actividad 4 presentacion multimedia modulo 4 (20)

Tema 4 3_1_interfaces_de_usuario
Tema 4 3_1_interfaces_de_usuarioTema 4 3_1_interfaces_de_usuario
Tema 4 3_1_interfaces_de_usuario
 
Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016
 
El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8
 
Tema 4 3_2_interfaces_de_usuario
Tema 4 3_2_interfaces_de_usuarioTema 4 3_2_interfaces_de_usuario
Tema 4 3_2_interfaces_de_usuario
 
Swing intefaz grafica de usuario
Swing intefaz grafica de usuarioSwing intefaz grafica de usuario
Swing intefaz grafica de usuario
 
Gestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterGestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniter
 
Confección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWINGConfección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWING
 
Swing (1)
Swing (1)Swing (1)
Swing (1)
 
Layouts - Java
Layouts - JavaLayouts - Java
Layouts - Java
 
MobileCONGalicia Introducción a Android
MobileCONGalicia Introducción a AndroidMobileCONGalicia Introducción a Android
MobileCONGalicia Introducción a Android
 
1TAP Tema 1-GUI.pptx
1TAP Tema 1-GUI.pptx1TAP Tema 1-GUI.pptx
1TAP Tema 1-GUI.pptx
 
Interfaces graficas(1)
Interfaces graficas(1)Interfaces graficas(1)
Interfaces graficas(1)
 
LabAndroid: Taller "Mi Primera Aplicación Android"
LabAndroid: Taller "Mi Primera Aplicación Android"LabAndroid: Taller "Mi Primera Aplicación Android"
LabAndroid: Taller "Mi Primera Aplicación Android"
 
VLCTechFest - Simplificando Controladores: Una introducción a Action-Domain ...
VLCTechFest -  Simplificando Controladores: Una introducción a Action-Domain ...VLCTechFest -  Simplificando Controladores: Una introducción a Action-Domain ...
VLCTechFest - Simplificando Controladores: Una introducción a Action-Domain ...
 
Visteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisasVisteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisas
 
JS Patterns Applied to a Real World Example
JS Patterns Applied to a Real World ExampleJS Patterns Applied to a Real World Example
JS Patterns Applied to a Real World Example
 
Trabajo teórico exposcición
Trabajo teórico exposciciónTrabajo teórico exposcición
Trabajo teórico exposcición
 
Mobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vueloMobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vuelo
 
Cross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.netCross development - React para desarrolladores de asp.net
Cross development - React para desarrolladores de asp.net
 
CrossDvlpu - REACT para desarrolladores de ASP.NET
CrossDvlpu - REACT para desarrolladores de ASP.NETCrossDvlpu - REACT para desarrolladores de ASP.NET
CrossDvlpu - REACT para desarrolladores de ASP.NET
 

Actividad 4 presentacion multimedia modulo 4

  • 1. Lic. MsD. Celestino Hernández Programación IV Asignatura: Programación de Sistemas TEMA: Administradores de diseño en Java Ciclo: 02/2016 Profesor: Celestino Hernández UNIVERSIDAD DE ORIENTE FACULTAD DE CIENCIAS ECONOMICAS SECCION DE INFORMATICA. E-Mail: chernandez@univo.edu.sv
  • 2. Lic. MsD. Celestino Hernández Programación IV Reflexión.
  • 3. Lic. MsD. Celestino Hernández Programación IV Objetivos: Al final de la clase los participantes serán capaces de: – Comprenderá los principios básicos de los administradores de diseño de las interfaces gráficas de usuario (GUI). – Creará aplicaciones usando los administradores de diseño y la interfaz gráfica de usuario (GIU). Administradores de Diseño:
  • 4. Lic. MsD. Celestino Hernández Programación IV • Los ayudan a adaptar los diversos Componentes que se desean incorporar a un JPanel, JFrame o JApplet, es decir, especifican la apariencia que tendrán los Componentes a la hora de colocarlos sobre un Contenedor controlando el tamaño y posición del componente. Clases de distribución de objetos (Layout)
  • 5. Lic. MsD. Celestino Hernández Programación IV Layout Manager FlowLayout GridLayout BorderLayout CardLayout GridBagLayout BoxLayout Layout Managers
  • 6. Lic. MsD. Celestino Hernández Programación IV • Un administrador de diseño determinan el tamaño y posición del componente en el contenedor mostrarando varios componentes a la vez en un orden preestablecido. • Cuando el contenedor (container) necesita posicionar un componente, invoca al layout manager para que este lo haga Administradores de diseño.
  • 7. Lic. MsD. Celestino Hernández Programación IV • Permiten representar de una manera ordenada los componentes en la pantalla. • Cuando usamos los administradores no nos tenemos que preocupar, por ejemplo, de que se redimensione una ventana, ya que el propio administrador se encargará de reorganizar los componentes en el Container. Ventajas
  • 8. Lic. MsD. Celestino Hernández Programación IV • BorderLayout. Diseño con limites. Divide un contenedor en cinco secciones denominadas: norte, sur, este, oeste y centro. • GridLayout. Diseño por rejilla. Coloca los componentes en el contenedor en filas y columnas. (Video) • GridBagLayout. Diseño tipo rejilla. Coloca los componentes en el contenedor en filas y columnas. A diferencia del GridLayout, permite que un componente pueda ocupar mas de una fila y/o columna. Administradores de diseño de Swing
  • 9. Lic. MsD. Celestino Hernández Programación IV • CardLayout. Diseño por paneles. Este administrador permite colocar en el contenedor grupos diferentes de componentes en instantes diferenes de la ejecucion (similar a los paneles con pestañas). • BoxLayout. Diseño en caja. Coloca los componentes en el contenedor en una única fila o columna, ajustándose al espacio que haya. Administradores de diseño de Swing.
  • 10. Lic. MsD. Celestino Hernández Programación IV • FlowLayout. Diseño en flujo. Coloca los componentes en el contenedor de izquierda a derecha (igual que se coloca el texto en un párrafo). Es el administrador de diseño asignado de forma predeterminada a los contenedores de un nivel intermedio. Administradores de diseño de Swing.
  • 11. Lic. MsD. Celestino Hernández Programación IV Vista de Administradores de diseño de Swing.
  • 12. Lic. MsD. Celestino Hernández Programación IV Ejemplo de uso del administrador FlowLayout
  • 13. Lic. MsD. Celestino Hernández Programación IV Ejemplo de programa usando BorderLayout /** * @(#)AdminBorderLayout.java * @author * @version 1.00 2016/7/6 */ import java.awt.*; import javax.swing.*; import java.text.DecimalFormat; import javax.swing.WindowConstants; import javax.swing.JFrame; import java.awt.event.*; /*demostracion por inforux*/ public class AdminBorderLayout { public static void main(String args[]) { producto frame = new producto(); frame.show(); frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE); } } class producto extends JFrame implements ActionListener { JLabel eti1, eti2, eti3; JTextField can, precio, tot; JButton btncalcular, btnsalir; DecimalFormat f; public producto() { setTitle("Ejemplo con BorderLayout"); setSize(450,130); f = new DecimalFormat("##,##0.00"); //creamos los paneles y asignamos el layout Container contentPane = getContentPane(); contentPane.setLayout(new FlowLayout()); JPanel p1 = new JPanel(); JPanel p2 = new JPanel(); //Creamos los componentes a utilizar eti1 = new JLabel("Cantidad de productos: "); can = new JTextField(5); eti2= new JLabel("Escribe el precio: "); precio = new JTextField(5); //Añadimos los componentes a la ventana p1.add(eti1);
  • 14. Lic. MsD. Celestino Hernández Programación IV Cont. Ejemplo de programa usando BorderLayout p1.add(can); p1.add(eti2); p1.add(precio); contentPane.add(p1, BorderLayout.NORTH); eti3 = new JLabel("Pago total: "); tot = new JTextField(5); //Añadimos los componentes a la ventana p2.add(eti3); p2.add(tot); btncalcular = new JButton("Calcular"); btncalcular.addActionListener(this); btnsalir = new JButton("Cerrar"); btnsalir.addActionListener(this); p2.add(btncalcular); p2.add(btnsalir); contentPane.add(p2, BorderLayout.SOUTH); } public void actionPerformed(ActionEvent e) { double preciop, total; int cant; if (e.getSource() == btncalcular) { cant = Integer.parseInt(can.getText()); preciop = Double.parseDouble(precio.getText()); total = cant * preciop; tot.setText(f.format(total)); } if (e.getSource() == btnsalir) { System.exit(0); } } }
  • 15. Lic. MsD. Celestino Hernández Programación IV