Clase

3,695 views
3,617 views

Published on

Creando Applets

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
3,695
On SlideShare
0
From Embeds
0
Number of Embeds
93
Actions
Shares
0
Downloads
123
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Clase

  1. 1. Los Applets de Java Material preparado por: Nina Valdivia Arenas 2007
  2. 2. Webgrafía http://www.miliuco.net/java/action_listener_intro.html http://www.sc.ehu.es/sbweb/fisica/cursoJava/applets/events/grupo.htm http://www.cica.es/formacion/JavaTut/Cap2/escribir.html http://www.programacion.com/java/tutorial/applets http://www.wikilearning.com/label_etiquetas-wkccp-3938-79.htm
  3. 3. Applets <ul><li>Programas con interfaz gráfica </li></ul><ul><li>Para “correrlos” </li></ul><ul><ul><ul><li>Navegador (Applet incrustado en código HTML) </li></ul></ul></ul><ul><ul><ul><li>Appleviewer </li></ul></ul></ul><ul><li>Plataforma-neutral </li></ul>
  4. 4. Acceso desde un navegador Usuario ingresa la URL en un navegador para visualizar una página Web:
  5. 5. <ul><li>Un applet is un objecto, creado por el navegador (browser) o por el appletviewer. </li></ul><ul><li>Un Applet se accede a través de una página HTML </li></ul><ul><li>HTML is un lenguaje de “marcas” que se incluyen en el contenido de la página. (‘mark-up’ => tags =etiquetas) </li></ul><ul><li>Los navegadores (browsers) despliegan el texto y procesan los tags. </li></ul><ul><li>Por ejemplo: Este es un <b> ejemplo </b> de negrita. </li></ul>Applets
  6. 6. Ejemplos de etiquetas HTML <ul><li>Negrita: <b> texto </b> </li></ul><ul><li>Subrayado : <u> Texto</u> </li></ul><ul><li>Centrar: <center> Texto</center> </li></ul><ul><li>Insertar una imagen: </li></ul><ul><ul><li><img src=“playa.jpg&quot; width=&quot;640&quot; height=&quot;480“> </li></ul></ul><ul><li>Enlace a un archivo en “mi equipo”: </li></ul><ul><li><a href=“Clases/clase Applet.ppt” > abrir clase </a> </li></ul><ul><li>Enlace a otra página Web: </li></ul><ul><li><a href=&quot;http://java.sun.com>ver Java </a> </li></ul><ul><li>Incluir un applet: </li></ul><ul><li><applet code=“EjemploApplet.class“ width=&quot;640&quot; height=&quot;480&quot;> </li></ul><ul><li></applet> </li></ul>
  7. 7. Ejemplo <ul><li><html> </li></ul><ul><ul><li><head> </li></ul></ul><ul><ul><li><title> Mi primera Página </title> </li></ul></ul><ul><ul><li></head> </li></ul></ul><ul><ul><li><body> </li></ul></ul><ul><ul><li><h1><center> VISUALIZANDO MI PÁGINA </center></h1> </li></ul></ul><ul><ul><li><u> luego..... Veremos un ejemplo de un applet </u> </li></ul></ul><ul><ul><li></body> </li></ul></ul><ul><li></html> </li></ul>Ver
  8. 8. Ejemplo <ul><li><html> </li></ul><ul><li><head> </head> </li></ul><ul><li><body> </li></ul><ul><li><u> Veamos un ejemplo de un applet </u> </li></ul><ul><li><applet </li></ul><ul><li>code= “EjemploApplet.class” </li></ul><ul><li>width =500 </li></ul><ul><li>height=500> </li></ul><ul><li></applet> </li></ul><ul><li></body> </li></ul><ul><li></HTML> </li></ul><ul><li>Cuando un NAVEGADOR interprete este archivo HTML, se mostrará: </li></ul><ul><ul><ul><li>Un texto subrayado </li></ul></ul></ul><ul><ul><ul><li>Un Applet, cuyo código byte estará en el archivo: appleEjemplo.class </li></ul></ul></ul>
  9. 9. La clase: Applet <ul><li>La clase Applet de java, contiene todos los métodos (comportamiento) que un navegador requiere: </li></ul><ul><ul><ul><ul><li>init start paint stop </li></ul></ul></ul></ul><ul><li>Todo applet que se cree hereda de la clase Applet de java, y por lo tanto, hereda estos métodos. Sólo será necesario implementar algunos métodos. </li></ul><ul><li>El applet creado, como es una clase derivada, puede SOBRESCRIBIR cualquiera de los métodos de la clase base: Applet. </li></ul>
  10. 10. Métodos de la clase Applet <ul><li>void init() ; </li></ul><ul><ul><li>Se invoca cuando se carga el applet . Aquí se suelen introducir las iniciaciones que lel applet necesite. </li></ul></ul><ul><ul><ul><li>Color de Fondo, tipos de letras, etc. </li></ul></ul></ul><ul><li>void start() ; </li></ul><ul><ul><li>Se invoca cuando el applet , después de haber sido cargada, ha sido detenida (cambio de página Web, minimización del navegador,...), y de nuevo activado (vuelta a la página, restauración del navegador,...). Se informa al applet que tiene que empezar su funcionamiento. </li></ul></ul><ul><li>void stop() ; </li></ul><ul><ul><li>Se invoca para informar al applet que debe detener su ejecución. </li></ul></ul><ul><li>void destroy() ; </li></ul><ul><ul><li>Se invoca para informar al applet que su espacio está siendo solicitado por el sistema, es decir el usuario abandona el navegador. </li></ul></ul><ul><li>void paint() ; </li></ul><ul><ul><li>Se invoca cada vez que el navegador redibuja el applet . </li></ul></ul>
  11. 11. Creando un Applet con JCreator <ul><li>En JCreator </li></ul><ul><ul><li>File / New / Project </li></ul></ul><ul><ul><li>Selecciona: Basic Java Applet </li></ul></ul><ul><ul><li>Escribir: </li></ul></ul><ul><ul><ul><li>Nombre de la Aplicación Applet: EjemploApplet </li></ul></ul></ul><ul><ul><ul><li>Ubicación en el equipo </li></ul></ul></ul><ul><ul><li>Carpeta classes: </li></ul></ul><ul><ul><ul><li>Archivos .htm </li></ul></ul></ul><ul><ul><ul><li>Archivos .class </li></ul></ul></ul><ul><ul><li>Carpeta src </li></ul></ul><ul><ul><ul><li>Archivos .java </li></ul></ul></ul>
  12. 12. Creando un Applet <ul><li>Crea un Applet : EjemploApplet.java </li></ul><ul><li>Compila el archivo para generar un .class </li></ul><ul><li>Crea un archivo HTML que contenga la etiqueta <applet> para incluir el archivo .class </li></ul><ul><li>Guarda el archivo HTML con la extensión .html </li></ul><ul><li>Para visualizar tienes dos posibilidades: </li></ul><ul><ul><ul><ul><li>Usa el navegador para “visualizar” el archivo, o </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ejecuta el utilitario appletviewer </li></ul></ul></ul></ul>
  13. 13. Un Applet <ul><li>import java.applet.*; </li></ul><ul><li>public class EjemploApplet extends Applet { </li></ul><ul><li>// Cada llamada del navegador implica: redibujar </li></ul><ul><li>public void paint (Graphics g){ </li></ul><ul><li> // código para dibujar el applet </li></ul><ul><li>} </li></ul><ul><li>} </li></ul>Qué contiene la clase: Graphics?? http://java.sun.com/j2se/1.4.2/docs/api/index.html <ul><li>La clase Graphics, permite: </li></ul><ul><ul><li>Trazar líneas y polígonos , </li></ul></ul><ul><ul><li>Dibujar imágenes y </li></ul></ul><ul><ul><li>Cambiar la fuente de texto . </li></ul></ul>
  14. 14. EjemploApplet <ul><li>import java.applet.*; </li></ul><ul><li>public class EjemploApplet extends Applet { </li></ul><ul><li>public void init() { } </li></ul><ul><li>public void paint(Graphics g) { </li></ul><ul><li>g.drawString(&quot;........... Bienvenido a Java!!&quot;, 40, 20 ); </li></ul><ul><li> g.drawRect(50,50,100,100); </li></ul><ul><li>//crea un rectángulo con el color por defecto </li></ul><ul><li>g.fillRect(200,200,300,300); </li></ul><ul><li>} </li></ul><ul><li>} </li></ul>g. drawRect (50,50,100,100); y Alto x ancho (x, y) ancho alto
  15. 15. Clase Graphics <ul><li>Líneas: </li></ul><ul><ul><ul><li>drawLine (int x1, int y1, int x2, int y2) </li></ul></ul></ul>public void paint (Graphics g) { g. drawLine (15,10,45,75); }
  16. 16. Ciclo de Vida <ul><li>import java.applet.*; import java.awt.*; </li></ul><ul><li>public class EjemploApplet2 extends Applet { </li></ul><ul><ul><li>String mensajes; </li></ul></ul><ul><ul><li>public void init() { </li></ul></ul><ul><ul><ul><li>mensajes = &quot;Inicializando. &quot;; </li></ul></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>public void start() { </li></ul></ul><ul><ul><li>escribirMensaje(&quot;Método start. &quot;); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>public void stop() { </li></ul></ul><ul><ul><li> escribirMensaje(&quot;Método stop. &quot;); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>public void destroy() { </li></ul></ul><ul><ul><li> escribirMensaje(&quot;Destruyendo Applet. &quot;); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>void escribirMensaje(String nuevoMensaje) { </li></ul></ul><ul><ul><li> mensajes += nuevoMensaje; </li></ul></ul><ul><ul><li>repaint(); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><ul><li>public void paint(Graphics g) { </li></ul></ul><ul><ul><li>g. drawString (mensajes, 5, 15); </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><li>} </li></ul>
  17. 17. Clase Graphics <ul><li>Rectángulos planos: </li></ul><ul><ul><ul><li>drawRect (int x, int y, int ancho, int alto) </li></ul></ul></ul><ul><ul><ul><li>g.drawRect(50,50,30,40); </li></ul></ul></ul><ul><ul><ul><li>fillRect (int x, int y, int ancho, int alto) </li></ul></ul></ul><ul><ul><ul><li>g.fillRect(150,150,50,30); </li></ul></ul></ul><ul><ul><ul><li>clearRect (int x, int y, int ancho, int alto) </li></ul></ul></ul><ul><li>Rectángulos con esquinas redondeadas: </li></ul><ul><ul><ul><li>drawRoundRect (int x, int y, int ancho, int alto, int anchoArc, int altoArc) </li></ul></ul></ul><ul><ul><ul><li>g.drawRoundRect(50,250,50,30,20,20); </li></ul></ul></ul><ul><ul><ul><li>fillRoundRect (int x, int y, int ancho, int alto, int anchoArc, int altoArc) </li></ul></ul></ul><ul><ul><ul><li>g.fillRoundRect(60,350,50,30,10,10); </li></ul></ul></ul>
  18. 18. Clase Graphics <ul><li>Óvalos: </li></ul><ul><ul><ul><li>drawOval (int x, int y, int ancho, int alto) </li></ul></ul></ul><ul><ul><ul><li>g.drawOval (60, 450, 100,50); </li></ul></ul></ul><ul><ul><ul><li>fillOval (int x, int y, int ancho, int alto) </li></ul></ul></ul><ul><ul><ul><li>g.fillOval (60, 550, 100,50); </li></ul></ul></ul>
  19. 19. Ejemplo <ul><li>import java.awt.*; import java.applet.*; </li></ul><ul><li>public class EjemploDraw extends Applet { </li></ul><ul><li>public void init() { </li></ul><ul><li>} </li></ul><ul><li>public void paint(Graphics g) { </li></ul><ul><li>g.drawString(&quot;........... Bienvenido Java!!&quot;, 10,10 ); </li></ul><ul><li> g.drawRect(50,50,30,40); </li></ul><ul><li>g.fillRect(150,150,50,30); </li></ul><ul><li>g.drawRoundRect(50,250,50,30,20,20); </li></ul><ul><li>g.fillRoundRect(60,350,50,30,10,10); </li></ul><ul><li>g.drawOval (60, 450, 100,50); </li></ul><ul><li>g.fillOval (60, 550, 100,50); </li></ul><ul><li>} </li></ul><ul><li>} </li></ul>
  20. 20. La ejecución de un Applet <ul><li>Mensaje: </li></ul><ul><ul><li>initializing... starting... Indica que el applet , se está “cargando” </li></ul></ul><ul><li>La “carga” del applet significa: </li></ul><ul><ul><li>Creación de una instancia de la clase applet </li></ul></ul><ul><ul><li>Inicio del applet, mediante su método init() . </li></ul></ul><ul><ul><li>Ejecución del applet usando su método start() . </li></ul></ul>init Iniciación start Partida stop Detención destroy Destrucción Creación de una instancia Applet
  21. 21. La ejecución de un Applet <ul><li>Cuando el usuario se encuentra con una página Web, que contiene un applet y visita otra página, entonces el applet se detiene invocando a su método stop() . </li></ul><ul><li>Si el usuario retorna a la página donde reside la applet , ésta vuelve a ejecutarse nuevamente invocando a su método start() . </li></ul><ul><li>Cuando el usuario sale del navegador el applet tiene un tiempo para finalizar su ejecución y hacer una limpieza final, mediante el método destroy() . </li></ul><ul><li>NOTA: Los procesos donde interviene el usuario, deben ser “rápidos”. </li></ul>
  22. 22. Clase Font <ul><li>Define el tipo de letra </li></ul><ul><ul><li>Font(tipo, estilo, tamaño); </li></ul></ul><ul><ul><ul><li>Font mio= new Font(“TimesRoman”, Font.PLAIN, 12); </li></ul></ul></ul><ul><li>Métodos de la clase Graphics </li></ul><ul><ul><li>setFont(objetoFont) </li></ul></ul><ul><ul><ul><li>g.setFont( mio); </li></ul></ul></ul><ul><ul><li>getFont() </li></ul></ul>
  23. 23. Clase Color ( R G B ) <ul><li>Define un color para texto, línea, objetos </li></ul><ul><ul><li>Color(cantidadRojo, cantidadVerde, cantidadAzúl); </li></ul></ul><ul><ul><ul><li>Color miColor= new Color(255, 175, 175); </li></ul></ul></ul><ul><li>Métodos de la clase Graphics </li></ul><ul><ul><li>setColor(objetoColor) </li></ul></ul><ul><ul><ul><li>g.setColor( miColor); </li></ul></ul></ul><ul><ul><ul><li>g.setColor(Color.YELLOW); </li></ul></ul></ul><ul><ul><li>getFont() </li></ul></ul>

×