Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Clase

3,780 views

Published on

Creando Applets

Published in: Technology

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>

×