Drawing pictures over others

Question

I'm trying to create a small applet. I'm getting an image from a intranet, it's a map of barcelona's street. User must be able to move a scroll bar, do zoom, print images, etc, but at the same time I need to paint over this image some other pictures, these images will get the same funcionality taht the first one, zoom, scroll, etc.
I'm trying to use JAI, swing and awt objects but I don't get a result, I can do zoom or scroll to a planar image but I can't paint nothing over the image.
I've been trying with ImageDisplay component but it can't show images gif, I need to read gif images, and the scroll is not working properly with that object.
Do you have some suggestions?
Can I do with bufferedImages?
Thanks

Answer 1

I'll send you the applet class:
package net.visualapplet;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Font;
import javax.swing.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.util.Hashtable;
import java.util.Properties;
import java.util.Vector;
import javax.media.jai.JAI;
import javax.media.jai.PlanarImage;
import javax.media.jai.RenderedOp;
import javax.swing.ImageIcon;
import javax.swing.JApplet;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLayeredPane;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.JLabel;
import javax.swing.JProgressBar;
import java.awt.GridLayout;
import net.visualapplet.listeners.GestionarEventsBoto;
import net.visualapplet.listeners.GestionarEventsCampText;
//Imprimir
import net.visualapplet.print.Print;
public class VisualApplet extends JApplet {
protected String posX, posY;
protected String resX, resY;
protected String escala;
protected ItinerariPanel panelImage;
protected java.util.Vector vecSources;
//Objecte Progress Bar amb texte
public JProgressBar progressBar = new JProgressBar();
public JLabel progressBarLabel = new JLabel("Cargando Imagen: ");
protected final int MY_MINIMUM=0;
protected final int MY_MAXIMUM=1000;
protected int i=10;
     * Propietats que determinen els valors de la sessi� a passar al Servlet
     * Depenen del Servidor d'Aplicacions seran uns noms o altres
private Properties sessionProperties;
     * Url de connexio al Servlet
     * Aquesta url vindra per parametre dins PARAM de Applet
//private String urlConnexio;
public String DNSServidor;
     * Tipus de Servidor al que ens connectem
private String serverType;
     //Sets y Gets
     public void setPosX(String posX){
          this.posX = posX;
     public String getPosX(){
          return posX;
     //RESX
     public void setPosY(String posY){
          this.posY = posY;
     public String getPosY(){
          return posY;
     //RESX
     public void setResX(String resX){
          this.resX = resX;
     public String getResX (){
          return resX;
     //RESY
     public void setResY(String resY){
          this.resY = resY;
     public String getResY(){
          return resY;
     //ESCALA
     public void setEscala (String escala){
          this.escala = escala;
     public String getEscala (){
          return escala;
     //ImagePanel
     public void setPanelImage(ItinerariPanel panel){
          this.panelImage=panel;
     public ItinerariPanel getPanelImage(){
               return panelImage;
     //Source
     public void setSources(java.util.Vector sources){
          this.vecSources = sources;          
     public java.util.Vector getSources(){
          return vecSources;          
public void init() {
Container objContainer = super.getContentPane();
objContainer.setBackground( Color.white );
Vector sources = new Vector();
setSources(sources);
     //Inicializamos valores
     //posX="29820502";
     setPosX("29820502");
     //posY="84574955";
     setPosY("84574955");
     //resX="800";
     setResX("800");
     //resY="600";
     setResY("600");
     //escala="5000";          
     setEscala("5000");     
     //Progress Bar lo ponemos a invisible     
     progressBar.setMinimum(MY_MINIMUM);
     progressBar.setMaximum(MY_MAXIMUM);     
     progressBar.setVisible(false);
     progressBarLabel.setVisible(false);     
protected String getImageUrl(String posX, String posY, String resX, String resY, String escala) throws Exception {
          Hashtable params = new Hashtable();
          //Convertimos valores a Double
          //Double DposX = new Double(posX);
          //Double DposY = new Double(posY);
          //java.lang.Double DresX = new Double(resX);
          //java.lang.Double DresY = new Double(resY);
          //java.lang.Double Descala = new Double(escala);
          params.put("");
          params.put("","");
          params.put("","");
          params.put("",posX);
          params.put("",posY);
          params.put("VN_ANTIALIASED","0");
          params.put("VN_BMPX",resX);
          params.put("VN_BMPY",resY);
          params.put("VN_ESCALA",escala);
          //posX="29820502";
          //posY="84574955";
          RequestManager manager = new RequestManager();
          return manager.getImageUrl("http://www.bcn.es/cgi-guia/bcnet",params);
public void start() {
try {
          JLayeredPane layers = getLayeredPane();
          JPanel cTop      = new JPanel();
          JPanel cBottom = new JPanel();
          JPanel cLeft     = new JPanel();
          JPanel cRightBoto = new JPanel();
          JPanel cCenter     = new JPanel();
          JPanel cRightText     = new JPanel();          
          JPanel cRightPanel     = new JPanel();
          JPanel cBottomBar     = new JPanel();
          JPanel cBottomPanel     = new JPanel();
          //Inicializamos valores
          //posX="29820502";
          //posY="84574955";
          //resX="800";
          //resY="600";
          //escala="5000";          
          //JPanel cComponents     = new JPanel();
          Container cComponents = getContentPane();
     String urlImage = getImageUrl(getPosX(),getPosY(),getResX(),getResY(),getEscala());
     //ImagePanel panel = new ImagePanel(urlImage);          
          RenderedOp rendered = JAI.create("url", new java.net.URL(urlImage));
          PlanarImage image = rendered.createInstance();
          java.util.Vector sources = getSources();
          //IMprimimos la imagen
          //Print imgPrintable = new Print();
          sources.addElement(image);
          //A�adimos la imagen que ira por encima
          sources.addElement(image2);
          setSources(sources);
     // A�adimos botones      
     ImageIcon leftButtonIcon = new ImageIcon("left.gif");
          ImageIcon rightButtonIcon = new ImageIcon("right.gif");
          ImageIcon upButtonIcon = new ImageIcon("up.gif");
          ImageIcon downButtonIcon = new ImageIcon("down.gif");
     JButton bLeft           = new JButton("Izq",leftButtonIcon);
          JButton bRight           = new JButton("Der",rightButtonIcon);
          JButton bUp               = new JButton("Arr",upButtonIcon);
          JButton bDown          = new JButton("Abj",downButtonIcon);
          JButton bBuscar          = new JButton("Buscar");
          JButton bImprimir      = new JButton("Imprimir");     
          Font font=new Font("SansSerif", Font.BOLD, 14);                    
          Color color = new Color(0,255,0);
          Graphics g = getGraphics();
          g.setColor(color);
          //A�adimos campos de texto y sus Etiquetas          
          JLabel labelPosX = new JLabel("Coordenada X");
          JLabel labelPosY = new JLabel("Coordenada Y");
          JLabel labelEscala = new JLabel("Escala");
          JLabel labelBlank = new JLabel(" ");
          labelPosX.setFont(font);          
          labelPosY.setFont(font);
          labelEscala.setFont(font);
          JTextField textPosX = new JTextField(10);                    
          JTextField textPosY = new JTextField(10);
          JTextField textEscala = new JTextField(10);
          //INicializamos con los valores de PosX y PosY
          textPosX.setText(getPosX());
          textPosY.setText(getPosY());
          textEscala.setText(getEscala());
          textPosX.setName("textPosX");
          textPosY.setName("textPosY");
          textEscala.setName("escala");
          textPosX.addActionListener(new GestionarEventsCampText(this));
          textPosY.addActionListener(new GestionarEventsCampText(this));
          textEscala.addActionListener(new GestionarEventsCampText(this));
          //ImageIcon imageIconCamion = new ImageIcon("up.gif");
          //JLabel imageLabel= new JLabel(imageIconCamion);
          //CanvasPanel miCanvas = new CanvasPanel();
     //JAIScalePanel panel = new JAIScalePanel(sources);
          ItinerariPanel panel = new ItinerariPanel(sources);                    
          setPanelImage(panel);
//JTabbedPane tabbed = new JTabbedPane();          
          //A�adimos Escuchador de Eventos
          bLeft.addActionListener(new GestionarEventsBoto(this));
          bRight.addActionListener(new GestionarEventsBoto(this));
          bUp.addActionListener(new GestionarEventsBoto(this));
          bDown.addActionListener(new GestionarEventsBoto(this));
          bBuscar.addActionListener(new GestionarEventsBoto(this));
          bImprimir.addActionListener(new GestionarEventsBoto(this));
          // A�adimos elementos en su panel          
          cLeft.add(bLeft,BorderLayout.CENTER);
          cRightBoto.add(bRight,BorderLayout.CENTER);
          cTop.add(bUp,BorderLayout.CENTER);
          cBottom.add(bDown,BorderLayout.CENTER);               
          cBottomBar.add(progressBarLabel);     
          cBottomBar.add(progressBar);
          cCenter.add(panel,BorderLayout.CENTER);
//          cCenter.add(miCanvas,BorderLayout.CENTER);
          //A�adimos Textfields y Labels al contenedor derecho          
          //Cambiamos su layout a tipo grid
          cRightText.setLayout(new GridLayout(13,1));     
          cRightText.add(labelPosX);
          cRightText.add(textPosX);
          cRightText.add(labelPosY);
          cRightText.add(textPosY);
          cRightText.add(labelEscala);
          cRightText.add(textEscala);     
          cRightText.add(labelBlank);
          cRightText.add(bBuscar);
          cRightText.add(bImprimir);
//tabbed.addTab("General",panel);
//Cremamos el container de 2 columans para meter
//el contenedor con el boton derecha y los txtBox
          cRightPanel.setLayout(new GridLayout(1,2));
          cRightPanel.add(cRightBoto);
          cRightPanel.add(cRightText);
          //A�adimos 2 Paneles abajo
          cBottomPanel.setLayout(new GridLayout(2,1));
          cBottomPanel.add(cBottom);
          cBottomPanel.add(cBottomBar);
//A�adimos componentes al contenedor principal
cComponents.add(cLeft,BorderLayout.WEST);
          cComponents.add(cTop,BorderLayout.NORTH);
          cComponents.add(cRightPanel,BorderLayout.EAST);          
          cComponents.add(cBottomPanel,BorderLayout.SOUTH);
          cComponents.add(panel,BorderLayout.CENTER);               
          //tabbed.addTab("General",cComponents);               
          //getContentPane().add(tabbed);
          //getContentPane().add(cComponents);
          setSize(new Dimension(800,600));
} catch (Exception exc) {
     System.err.println("Excepcion:" + exc.getMessage());
public void paint(Graphics g) {
     //System.out.println();
super.paint(g);
public static void main( String args [] ) {
JFrame app = new JFrame( "Swing JApplet (Application or Applet)" );
app.setSize( 800, 600); //set Frame: width, height
app.addWindowListener( //Register an anonymous class as a listener.
new WindowAdapter() {
public void windowClosing( WindowEvent e )
System.exit( 0 );
VisualApplet applet = new VisualApplet();
applet.init(); applet.start();
app.getContentPane().add( applet, BorderLayout.CENTER ); //add applet to center of frame.
app.setVisible( true );
} //main()
//We have remove some confidential information that is not important, I'll sen you itinerariPanel, this class send a PlanarImage to JAIScalePanel in that place teh planarImage is put into scrollPanel and at the same time into jslider panel.
We need to insert images over that image doesn't matter if we need to change from planarimage to bufferedimage.
Itinerari Panel Class:
package net.visualapplet;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Ellipse2D;
import java.awt.image.BufferedImage;
//Nuevos del dia 20 Mayo
import javax.media.jai.PlanarImage;
import java.awt.image.RenderedImage;
import javax.media.jai.JAI;
//Fin imports nuevos
import javax.media.jai.RenderedImageAdapter;
import net.visualapplet.gui.JAIScalePanPanel;
* @author Xavier Escudero
* To change the template for this generated type comment go to
* Window>Preferences>Java>Code Generation>Code and Comments
public class ItinerariPanel extends JAIScalePanPanel {
     private java.util.Vector sourceImages;
     public ItinerariPanel(java.util.Vector sourceImages) {
          super(sourceImages);
          this.sourceImages = sourceImages;
     /* (non-Javadoc)
     * @see javax.swing.JComponent#paintComponent(java.awt.Graphics)
     protected void paintComponent(Graphics g) {
          super.paintComponent(g);
          RenderedImageAdapter ria = new RenderedImageAdapter(getSource(0));
          BufferedImage bi = ria.getAsBufferedImage();
          Graphics2D g2 = bi.createGraphics();          
          // Asumimos que "x, y, diam" son variables de instancia
          Ellipse2D circulo =
               new Ellipse2D.Double(10,10,100,100);          
          g2.draw(circulo);
          PlanarImage imatge = (PlanarImage)sourceImages.elementAt(1);
          RenderedImageAdapter ria2 = new RenderedImageAdapter(imatge);
          BufferedImage bi2 = ria.getAsBufferedImage();
          //System.out.println("Imagen buffered "+bi2);
          //RenderedImage imr2 = JAI.create("file",imatge);          
          //g2.drawImage(bi2,20,20,this);
          //g.drawImage(bi2,0,0,this);                    
I know that may be these code is quite confuse. I'm sorry, we need to read a picture and get the chance to put some images over the firs one, do scroll, zoom, tootips, etc.