This is the Mutable image example which shows how to create the mutable image using canvas class.

Mutable Image

     

This is the Mutable image example which shows how to create the mutable image using canvas class. In this example the ImageCanvas1 class extends the Canvas class to create the image as below:

• image = Image.createImage(100, 20);   
• Graphics graphics = image.getGraphics();   
• Font font = Font.getFont(Font.FACE_SYSTEM, Font.STYLE_PLAIN,  Font.SIZE_MEDIUM);   
• graphics.setFont(font);   
• graphics.setColor(255, 0, 0);   
• graphics.fillRoundRect(0,0, image.getWidth()-1,  image.getHeight()-1, 20, 20);    
• graphics.setColor(0, 0, 255);    
• graphics.drawString(message,(image.getWidth()/2) -  (font.stringWidth(message)/2), 0, Graphics.TOP | Graphics.LEFT);

 

And to paint the image we are using paint() function.

The Application is as follows:

 

Source Code of MutableImageExample.java

import javax.microedition.midlet.*; import javax.microedition.lcdui.*; public class MutableImageExample extends MIDlet{   private Display  display;   private ImageCanvas1 canvas;   public MutableImageExample(){   display = Display.getDisplay(this);   canvas  = new ImageCanvas1(this);   }   protected void startApp(){   display.setCurrent(canvas);   }   protected void pauseApp(){}   protected void destroyApp(boolean unconditional){   notifyDestroyed();   }   public void exitMIDlet(){   destroyApp(true);   } } class ImageCanvas1 extends Canvas implements CommandListener{   private Command exit;   private MutableImageExample midlet;   private Image image;   private String message = "Core J2ME Example";   public ImageCanvas1(MutableImageExample midlet){   this.midlet = midlet;   exit = new Command("Exit", Command.EXIT, 1);   addCommand(exit);   setCommandListener(this);   try{   image = Image.createImage(100, 20);   Graphics graphics = image.getGraphics();   Font font = Font.getFont(Font.FACE_SYSTEM, Font.STYLE_PLAIN,    Font.SIZE_MEDIUM);   graphics.setFont(font);   graphics.setColor(255, 0, 0);   graphics.fillRoundRect(0,0, image.getWidth()-1,     image.getHeight()-1, 20, 20);    graphics.setColor(0, 0, 255);    graphics.drawString(message,(image.getWidth()/2) -    (font.stringWidth(message)/2), 0, Graphics.TOP | Graphics.LEFT);   }catch (Exception e){   System.err.println(e);   }     }   protected void paint(Graphics g){   if(image != null){   g.drawImage(image, getWidth()/2, getHeight()/2, Graphics.VCENTER     | Graphics.HCENTER);   }   }   public void commandAction(Command c, Displayable d){   String label = c.getLabel();   if(label.equals("Exit")){   midlet.exitMIDlet();   }    } }

 

Download Source Code

Related Tags for Mutable Image:
c,  image,  class,  table,  canvas,  using,  this,  create,  tab,  show,  example,  mutable,  to,  exam,  ws,  sh,  e,  can,  im,  in,  as,  m,  ca,  cl,  age,  how,  xa,  which,  xamp,  s,  at,  is,  mpl,  ea,  va,  s,  s,  th,  sho,  ab,  abl,  mage,  ple,  pl,  o

More Tutorials from this section

• J2ME Tutorial
• Access URL
• A MIDlet Example to execute Alert Message with an Image
• Appending Image into the J2ME Form
• Appending string in J2ME Form
• Arc MIDlet Example
• Audio MIDlet Example
• Text Example in J2ME
• J2ME Calendar Application
• J2ME Draw Triangle, Rectangle, Arc, Line Round Rectangle Example
• J2ME Canvas Example
• Creating Canvas Form Example
• Creating Menu Using Canvas Class
• Check Box Midlet Example
• Draw Clip Area Using Canvas
• J2ME Command Class
• Command Midlet Example
• J2ME Cookies Example
• Co-ordinates MIDlet Example
• Align Text MIDlet Example