Ir al contenido principal

Hola Mundo en Canvas

Buenas, después de varios días sin actualizar, disculpen fueron días de parciales y no tuve mucho tiempo para poder escribirles...

Hoy les mostrare como iniciar su proyecto a bajo nivel, la forma de crear todo por nosotros mismos.

1 - Primero creamos un proyecto, y creamos un MIDlet vació.

2 - Creamos una Nueva clase de java:


public class CanvasHolaMundo {

}



3 - Hacemos que nuestra clase herede (extends) de Canvas:


public class CanvasHolaMundo extends Canvas {

}



Deberán importar la librería: "import javax.microedition.lcdui.Canvas;", como logran ver solo anteponiendo la palabra "extends" y el nombre de la clase ya se logra hacer una herencia.

4 - Al heredar de Canvas esta clase nos obliga a crear un método:


public class CanvasHolaMundo extends Canvas {

    protected void paint(Graphics g) {
      
    }

}



Este método paint recibe el objeto Graphics que nos permitirá disponer de las primitivas para poder dibujar sobre nuestra pantalla.

5 - Dibujamos ahora "Hola mundo" en la mitad de nuestra pantalla:


protected void paint(Graphics g) {
        // Obtenemos el ancho de la pantalla y la dividimos para obtener la mitad
        int mitadAncho = getWidth()/2;
        // Obtenemos la mitad de alto de la pantalla
        int mitadAlto = getHeight()/2;
      
        g.drawString("Hola Mundo", mitadAncho, mitadAlto, Graphics.LEFT | Graphics.TOP);
    }



Primero obtenemos las medidas de las pantalla (getWidth() y getHeight()) y luego con la clase Graphics disponemos un método "drawString" que nos permitirá dibujar texto. Como parámetros:

 a) String: El texto que queremos que se escriba
 b) int: El ancho en pixeles donde se dibujara el texto
 c) int: El alto en pixeles donde se dibujara el texto
 d) El modo que se dibujara el texto, en este caso desde la posición que le hemos pasado el texto se dibujara de ese punto hacia la derecha y desde el punto hacia abajo.

6 - Solo nos queda mostrar nuestro Canvas por pantalla:


import javax.microedition.lcdui.Display;
import javax.microedition.midlet.*;

/**
 * @author matias
 */
public class ClaseCuatroMidlet extends MIDlet {
    Display pantalla;
    CanvasHolaMundo canvas;

    public ClaseCuatroMidlet() {
        pantalla = Display.getDisplay(this);
        canvas = new CanvasHolaMundo();
    }

    public void startApp() {
        pantalla.setCurrent(canvas);
    }

    public void pauseApp() {
    }

    public void destroyApp(boolean unconditional) {
    }
}



Sencillo obtenemos el Display para poner en pantalla nuestro canvas, instanciamos nuestro canvas y por ultimo lo mostramos por pantalla.

Muestra:


Por ultimo les dejo el código completo del canvas:


import javax.microedition.lcdui.Canvas;
import javax.microedition.lcdui.Graphics;

/**
*
* @author matias
*/
public class CanvasHolaMundo extends Canvas {

protected void paint(Graphics g) {
// Obtenemos el ancho de la pantalla y la dividimos para obtener la mitad
int mitadAncho = getWidth()/2;
// Obtenemos la mitad de alto de la pantalla
int mitadAlto = getHeight()/2;

g.drawString("Hola Mundo", mitadAncho, mitadAlto, Graphics.LEFT | Graphics.TOP);
}

}


Todo por hoy, Saludos desde Argentina, esperemos que este Sábado ganemos.

Maty.

Comentarios

  1. Amigo ejecutando este ejemplo me sale este error :
    TRACE: , Exception caught in Display class

    Supongo que hay un error al dibuja el canvas, ¿Hay alguna forma de solucionar esto?

    ResponderBorrar
  2. Es decir, al ejecutar la aplicacion sale la pantalla en negro y no se ve por ningun lado el mensaje "Hola Mundo"

    ResponderBorrar
  3. Solucion:
    Faltaba poner en el codigo que se pintara el texto en blanco:

    g.setColor(255,255,255);

    y listo...
    Amigo ¿Vas a seguir con estos tutoriales? He aprendido muchas cosas con esto... sigue asi...

    ResponderBorrar

Publicar un comentario

Entradas más populares de este blog

Introducción a LWUIT

Buenas, hoy les presentare una libreria para Java ME, que mejora notablemente la interfaz de usuario: Lightweight UI Toolkit Library, mejor dicho LWUIT. Primero para poder utilizar esta librería tendremos que descargarla. Hacer clic aqui para descargar . Una vez descargada y descomprimida, en cualquier lugar. Procedemos a crear un proyecto nuevo en nuestro NetBeans. y Ingresamos a las propiedades haciendo clic derecho sobre el proyecto: Ingresamos a Librerías y Recursos, y hacemos clic en Agregar Jar/Zip: Y buscamos en donde descomprimimos el archivo: LWUIT.jar Hacemos clic en aceptar y ya tendremos disponible la librería para trabajar en nuestro proyecto. Les dejo un pequeño código de muestra para que se fijen si les funciona todo bien: import com.sun.lwuit.Command; import com.sun.lwuit.Display; import com.sun.lwuit.Form; import com.sun.lwuit.Label; import com.sun.lwuit.animations.CommonTransitions; import com.sun.lwuit.layouts.BorderLayout; import javax.microedition.midlet.*; /**  *

GastosMax - Mi Primera Aplicacion Jave ME

Buenas hoy les presentare mi primera aplicación hecha en Java ME, que es soportada para la mayoría de los celulares del mercado. GastosMax es una simple aplicación con la que puedes llevar un simple detalle de todos tus gastos. Tendras un listado de todos tus gastos y el total de todo lo que llevas gastando. Descargar GastosMax v1.0.0 Aceptamos cualquier sugerencia y opiniones para mejorar la aplicación ;). Imágenes:

Instalar eGIT en Eclipse

Ahora les dejo un tutorial para poder usar GIT desde Eclipse. 1- Abrimos Eclipse 2- Hacemos clic en el menu: Help -> Install New Software 3- Hacer clic en el Boton Add, y agregar los Siguientes datos      * Name: eGit      * Location: http://download.eclipse.org/egit/updates 4- Seleccionamos: Eclipse Git Team Provider 5- Aceptan los términos y condiciones. 6- Comenzara a descargar los archivos necesarios y al finalizar les va a pedir reiniciar el Eclipse. Una vez abierto el Eclipse ya pueden usar GIT. Espero que les haya servido. Hasta luego.