SlideShare una empresa de Scribd logo
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

PPTX
Introducción a la progrogramación orientada a objetos - Java
DOCX
Síntesis confech 2015.04.25
PPT
El acceso abierto para la sustentabilidad de las publicaciones de la Universi...
PDF
Access biblio
DOCX
PPT
Neurinoma. Síndrome de Wilkie
PPTX
Semana azul 2014.II parte
DOCX
Exercicis amb programa de simulació neumàtic
Introducción a la progrogramación orientada a objetos - Java
Síntesis confech 2015.04.25
El acceso abierto para la sustentabilidad de las publicaciones de la Universi...
Access biblio
Neurinoma. Síndrome de Wilkie
Semana azul 2014.II parte
Exercicis amb programa de simulació neumàtic

Destacado (20)

PPS
El ritual de_los_indios_cherokee
PDF
PPTX
Informe Osmeida López_SIG
PPT
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
PDF
Baloncesto 2ºeso
PDF
Estudes 2010 20 diciembre 2011
DOCX
Sistema de informacion
PPT
Presentacion de trabajos practicos sin laboratorio
PPTX
Internet
PPT
Dislipemias
PPTX
Educación a Distancia
PPTX
RSS
PPS
Lección del fuego
PDF
Word
PPTX
Tomas de aquino
PPT
SmartCities y Alternativas en Emprendimiento Social
PPTX
Fortalecimiento de la gestión del conocimiento y del acceso a la información ...
DOC
Pronombres
PPS
Patagonia argentina
DOCX
El ritual de_los_indios_cherokee
Informe Osmeida López_SIG
REDES SOCIALES MARTHA ELIZABETH CADENA NOVOA
Baloncesto 2ºeso
Estudes 2010 20 diciembre 2011
Sistema de informacion
Presentacion de trabajos practicos sin laboratorio
Internet
Dislipemias
Educación a Distancia
RSS
Lección del fuego
Word
Tomas de aquino
SmartCities y Alternativas en Emprendimiento Social
Fortalecimiento de la gestión del conocimiento y del acceso a la información ...
Pronombres
Patagonia argentina
Publicidad

Similar a Actividad 4 presentacion multimedia modulo 4 (20)

PDF
Gestores de diseño
PDF
Gestores de diseño
PDF
Gestores de diseño
PDF
Curso java 6
PPTX
5. Gestores de Posicionamiento - Eventos.pptx
PPT
abstract window tool kit
PPT
Entorno gráfico en Java
PPT
Entorno grafico en Java
PPT
AWT- JAVA
PDF
PDF
Layouts - Java
DOCX
Layout
DOCX
Layout
PPTX
Programacion_II_04_disposicion_contenedores
DOC
Articulo programacion java (1)
DOCX
Introduccion de-aplicaciones-visuales
PDF
Swing
PDF
ventanas swing en java
PDF
PDF
Gestores de diseño
Gestores de diseño
Gestores de diseño
Curso java 6
5. Gestores de Posicionamiento - Eventos.pptx
abstract window tool kit
Entorno gráfico en Java
Entorno grafico en Java
AWT- JAVA
Layouts - Java
Layout
Layout
Programacion_II_04_disposicion_contenedores
Articulo programacion java (1)
Introduccion de-aplicaciones-visuales
Swing
ventanas swing en java
Publicidad

Último (9)

PPTX
Conceptos basicos de Base de Datos y sus propiedades
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
Fundamentos de Python - Curso de Python dia 1
PDF
Presentacion de compiladores e interpretes
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PPTX
Implementación equipo monitor12.08.25.pptx
PPTX
Control de seguridad en los sitios web.pptx
Conceptos basicos de Base de Datos y sus propiedades
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
AutoCAD Herramientas para el futuro, Juan Fandiño
Fundamentos de Python - Curso de Python dia 1
Presentacion de compiladores e interpretes
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Implementación equipo monitor12.08.25.pptx
Control de seguridad en los sitios web.pptx

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