Image Editor

The ImageEditor program is a simple program that can help you to write Java code to edit image or photo file. This image editor program can do the following image editing tasks:
-adding text to the image,
-changing the brightness of the image,
-compressing the image,
-resizing the image
-rotating the image, and
-making the background of the image transparent (single background color),  and
-save the edited image on your local disk drive.

ImageEditor source code:

import java.awt.*;

import java.awt.event.*;

import javax.swing.*;

import javax.swing.event.*;

import java.awt.image.*;

import java.awt.color.*;

import javax.swing.filechooser.*;

import java.io.*;

import java.awt.*;

import java.awt.geom.*;

import javax.imageio.*;

import javax.imageio.stream.*;

////start the ImgArea class

//The ImgArea class acts as a drawing area of the Image Editor program

class ImgArea extends Canvas{ 

Image orImg;

BufferedImage orBufferedImage;

BufferedImage bimg; 

BufferedImage bimg1; 

float e;

float radian;

Dimension ds;

int mX;

int mY;

int x;

int y;

static boolean imageLoaded;

boolean actionSlided;

boolean actionResized;

boolean actionCompressed;

boolean actionTransparent;

boolean actionRotated;

boolean actionDraw;

boolean drawn;

MediaTracker mt;

static Color c;

Color colorTextDraw;

Robot rb;

boolean dirHor;

String imgFileName;

String fontName;

int fontSize;

String textToDraw;

public ImgArea(){

addMouseListener(new Mousexy()); //hanlding mouse event of Canvas class

addKeyListener(new KList()); //handling key event of the Canvas

try{

rb=new Robot(); //create Robot object

}catch(AWTException e){}

ds=getToolkit().getScreenSize(); //get the screen size

mX=(int)ds.getWidth()/2; //half of the screen width

mY=(int)ds.getHeight()/2;//half of the screen height

}

public void paint(Graphics g){

Graphics2D g2d=(Graphics2D)g; //create Graphics2D object

if(imageLoaded){

//draw the update image

if(actionSlided || actionResized || actionTransparent || actionRotated || drawn ){

x=mX-bimg.getWidth()/2;

y=mY-bimg.getHeight()/2;

g2d.translate(x,y); //move to coordinate (x,y)

g2d.drawImage(bimg,0,0,null); //draw the iamge

}

else{ //draw the original image

x=mX-orBufferedImage.getWidth()/2;

y=mY-orBufferedImage.getHeight()/2;

g2d.translate(x,y); //move to  coordinate (x,y)

g2d.drawImage(orBufferedImage,0,0,null); //draw image

}

}

g2d.dispose(); //clean the Graphic2D object

}

class Mousexy extends MouseAdapter{

public void mousePressed(MouseEvent e){

Color color=rb.getPixelColor(e.getX(),e.getY()); //get the color at the clicked point

try{

setColor(color); //take the color at the clicked point for later use

if(actionDraw){ //add text to the update image

if(actionSlided || actionResized || actionTransparent || actionRotated || drawn)

addTextToImage(e.getX()-x,e.getY()-y, bimg);

else  //add text to the original image

addTextToImage(e.getX()-x,e.getY()-y, orBufferedImage);

}

}catch(Exception ie){}

}

}

//The KList class extends the KeyAdpater class to implement the keyPressed method

//to handle the key event of the Canvas

class KList extends KeyAdapter{

public void keyPressed(KeyEvent e){

if(e.getKeyCode()==27){ //ESC is pressed to stop drawing the text on the image

actionDraw=false;

textToDraw="";

fontName="";

fontSize=0;

}

}

}

//The addTextToImage method adds the text specified by the user to the image

public void addTextToImage(int x,int y, BufferedImage img){

//create a blanck buffered image

BufferedImage bi=(BufferedImage)createImage(img.getWidth(),img.getHeight());

//create the Graphics2D object from the buffered image

Graphics2D  g2d=(Graphics2D)bi.createGraphics();

//Set the font of drawing pen

g2d.setFont(new Font(fontName,Font.BOLD,fontSize));

//Set the pen color

g2d.setPaint(colorTextDraw);

//Draw the image on the blank buffered image

g2d.drawImage(img,0,0,null);

//Draw the text on the buffered image

g2d.drawString(textToDraw,x,y);

//update the image

bimg=bi;

//there is a text drawing on the image

drawn=true;

//clean the Graphics2D object

g2d.dispose();

//redisplay the update image so the text is displayed on the image now

repaint();

}

//set the selected color to the c variable

public void setColor(Color color){

c=color;

}

//set the image filename to the imgFileName variable

public void setImgFileName(String fname){

imgFileName=fname;

}

//initialize variables

public void initialize(){

imageLoaded=false;

actionSlided=false;

actionResized=false;

actionCompressed=false;

actionTransparent=false;

actionRotated=false;

actionDraw=false;

drawn=false;

dirHor=false;

c=null;

radian=0.0f;

e=0.0f;

}

//cancel the image editing so we reset the drawing area

public void reset(){

if(imageLoaded){

prepareImage(imgFileName);

repaint();

}

}

//Rotate the image shown on the program interface

public void makeImageRotate(BufferedImage image,int w,int h){

BufferedImage bi=(BufferedImage)createImage(w,h);

Graphics2D  g2d=(Graphics2D)bi.createGraphics();

radian=(float)Math.PI/2; //angle

g2d.translate(w/2,h/2); move to coordinate (w/2,h/2)

g2d.rotate(radian); //rotate the image

g2d.translate(-h/2,-w/2); //move the coordinate back

g2d.drawImage(image,0,0,null); //draw the rotated image

bimg=bi; //update the image so now you see the rotated image

g2d.dispose();

}

//The rotateImage invokes the makeImageRotate method to rotate the image

public void rotateImage(){

BufferedImage bi;

//rotate update image

if(actionSlided || actionResized || actionTransparent || actionRotated || drawn){

bi=bimg;

}

//rotate the original image

else{

bi=orBufferedImage;

}

makeImageRotate(bi,bi.getHeight(),bi.getWidth());

actionRotated=true; //set the actionRotated to true to indicate that 

//the image is rotated

repaint(); //repaint the update image

}

//The makeCompression method has code to compress the image

//In java, you can specify the compression quality value by using the IIOImage class

public  void makeCompression(File outFileName){

try{

ImageWriter imgWriter =(ImageWriter) ImageIO.getImageWritersByFormatName("jpg").next();

//Create image output stream objects from the image files

ImageOutputStream imgOutStrm = ImageIO.createImageOutputStream(outFileName);

//Set the image output stream object to the writer

imgWriter.setOutput(imgOutStrm);

//wrap the image data (read from the file) in IIOImage object

IIOImage iioImg;

if(actionSlided || actionResized){ //bimg not a blank buffered image

iioImg = new IIOImage(bimg, null,null);

}

else{

iioImg = new IIOImage(orBufferedImage, null,null); //otherwise compress the original buffered image

}

//Create paramter for image writer

ImageWriteParam jpgWriterParam = imgWriter.getDefaultWriteParam();

//Set compresson mode

jpgWriterParam.setCompressionMode(ImageWriteParam.MODE_EXPLICIT);

//Set compression quality

jpgWriterParam.setCompressionQuality(0.7f);

//Write the image with specified parameters to the file

imgWriter.write(null, iioImg, jpgWriterParam);

//clean objects

imgOutStrm.close();

imgWriter.dispose();

}catch(Exception e){}

}

//The resizeImage method has code to resize the image

//This method is invoked when the user clicks OK button on the image resize window

//The image resize window is displayed when you select the Image resize sub-menu item

public void resizeImage(int w,int h){

BufferedImage bi=(BufferedImage)createImage(w,h);

Graphics2D g2d=(Graphics2D)bi.createGraphics();

//resize the update image

if(actionSlided || actionTransparent || actionRotated ||drawn)

g2d.drawImage(bimg,0,0,w,h,null);

//resize the original image

else

g2d.drawImage(orImg,0,0,w,h,null);

bimg=bi;

g2d.dispose();

}

//Prepare the image so it is ready to display and editable

public void prepareImage(String filename){

initialize();

try{

//track the image loading

mt=new MediaTracker(this);

orImg=Toolkit.getDefaultToolkit().getImage(filename);

mt.addImage(orImg,0);

mt.waitForID(0);

//get the image width and height

int width=orImg.getWidth(null);

int height=orImg.getHeight(null);

//create buffered image from the image so any change to the image can be made

orBufferedImage=createBufferedImageFromImage(orImg,width,height,false);

//create the blank buffered image

//the update image data is stored in the buffered image

bimg = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);

imageLoaded=true; //now the image is loaded

}catch(Exception e){System.exit(-1);}

}

//The filterImage method applies brightness to the image when the knob of the image slider is 

//making changed.

//When the value of the image slider changes it affects the e variable

//so the image is brighter or darker

public void filterImage(){

float[] elements = {0.0f, 1.0f, 0.0f, -1.0f,e,1.0f,0.0f,0.0f,0.0f}; 

Kernel kernel = new Kernel(3, 3, elements);  //create keynel object to encapsulate the elements array

ConvolveOp cop = new ConvolveOp(kernel, ConvolveOp.EDGE_NO_OP, null); //create ConvolveOp to encapsulate 

//the kernel

bimg= new BufferedImage(orBufferedImage.getWidth(),orBufferedImage.getHeight(),BufferedImage.TYPE_INT_RGB);

cop.filter(orBufferedImage,bimg); //start filtering the image 

//the filtered image is stored in the bimg buffered image

//now the image increases or decreases its brightness

}

//set a value to e variable 

//this method is invoked when the user makes change to the  image slider

public void setValue(float value){

e=value;

}

//Set a boolean value the actionSlided variable 

public void setActionSlided(boolean value ){

actionSlided=value;

}

//Set a boolean value the actionResized variable

public void setActionResized(boolean value ){

actionResized=value;

}

//Set a boolean value the actionCompressed variable

public void setActionCompressed(boolean value ){

actionCompressed=value;

}

//Set a boolean value the actionDraw variable

public void setActionDraw(boolean value ){

actionDraw=value;

}

//The createBufferedImageFromImage method is abled to generate a buffered image from an input image

public BufferedImage createBufferedImageFromImage(Image image, int width, int height, boolean tran)

  { BufferedImage dest ;

if(tran)

    dest = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);

else

dest = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

    Graphics2D g2 = dest.createGraphics();

    g2.drawImage(image, 0, 0, null);

    g2.dispose();

    return dest;

  }

//The makeTransparency method makes the selected background area of the image transparent

//This method works well if the background of the image has a single color value (e.g. white, black, blue, etc.)

public void makeTransparency(final Color col){

ImageFilter filter = new RGBImageFilter() {

      int imageRGB = col.getRGB();

      public final int filterRGB(int x, int y, int rgb) {

        if (rgb==imageRGB ) {

         

          return 0x00FFFFFF & rgb; //make the selected color transparent

          }

        else {

          return rgb; //nothing change to the selected color

          }

        }

      }; 

ImageProducer ip;

if(actionSlided || actionResized)

ip = new FilteredImageSource(bimg.getSource(), filter);

else

ip = new FilteredImageSource(orImg.getSource(), filter);

   

    Image img=getToolkit().createImage(ip);

try{

mt.addImage(img,0);

mt.waitForID(0);

bimg=createBufferedImageFromImage(img,img.getWidth(null),img.getHeight(null),true);

actionTransparent=true;

repaint();

}catch(Exception e){}

}

//Save the image file

public void saveToFile(String filename){

String ftype=filename.substring(filename.lastIndexOf('.')+1);

try{

//save the compressed image

//we separate the compression action from other actions on the image

if(actionCompressed)

makeCompression(new File(filename));

//save the update image

else if(actionSlided || actionResized || actionTransparent || actionRotated || drawn)

ImageIO.write(bimg,ftype,new File(filename));

  }catch(IOException e){System.out.println("Error in saving the file");}

}

//Assign values to the variables used in drawing text on the image

public void setText(String text,String fName, int fSize, Color color){

textToDraw=text;

fontName=fName;

fontSize=fSize;

if(color==null)

colorTextDraw=new Color(0,0,0);

else

colorTextDraw=color;

}

}

////end of the ImgArea class

////start the Main class

//The Main class represents the main program interface

//In this interface, you can open the image file, save the update image, and edit the image 

class  Main extends JFrame implements ActionListener{

ImgArea ia;

JFileChooser chooser; 

JMenuBar mainmenu;

JMenu menu;

JMenu editmenu;

JMenuItem mopen;

JMenuItem msaveas;

JMenuItem msave;

JMenuItem mexit;

JMenuItem mbright;

JMenuItem mcompress;

JMenuItem mresize;

JMenuItem mrotate;

JMenuItem mtransparent;

JMenuItem maddtext;

JMenuItem mcancel;

String filename;

Main(){

ia=new ImgArea();

Container cont=getContentPane();

cont.add(ia,BorderLayout.CENTER );

mainmenu=new JMenuBar();

menu=new JMenu("File");

menu.setMnemonic(KeyEvent.VK_F);

mopen=new JMenuItem("Open...");

mopen.setMnemonic(KeyEvent.VK_O);

mopen.addActionListener(this);

msaveas=new JMenuItem("Save as...");

msaveas.setMnemonic(KeyEvent.VK_S);

msaveas.addActionListener(this);

msave=new JMenuItem("Save");

msave.setMnemonic(KeyEvent.VK_V);

msave.addActionListener(this);

mexit=new JMenuItem("Exit");

mexit.setMnemonic(KeyEvent.VK_X);

mexit.addActionListener(this);

menu.add(mopen);

menu.add(msaveas);

menu.add(msave);

menu.add(mexit);

editmenu=new JMenu("Edit");

editmenu.setMnemonic(KeyEvent.VK_E);

mbright=new JMenuItem("Image brightness");

mbright.setMnemonic(KeyEvent.VK_B);

mbright.addActionListener(this);

maddtext=new JMenuItem("Add text on image");

maddtext.setMnemonic(KeyEvent.VK_A);

maddtext.addActionListener(this);

mresize=new JMenuItem("Image resize");

mresize.setMnemonic(KeyEvent.VK_R);

mresize.addActionListener(this);

mcompress=new JMenuItem("Image compression");

mcompress.setMnemonic(KeyEvent.VK_P);

mcompress.addActionListener(this);

mrotate=new JMenuItem("Image rotation");

mrotate.setMnemonic(KeyEvent.VK_T);

mrotate.addActionListener(this);

mtransparent=new JMenuItem("Image transparency");

mtransparent.setMnemonic(KeyEvent.VK_T);

mtransparent.addActionListener(this);

mcancel=new JMenuItem("Cancel editing");

mcancel.setMnemonic(KeyEvent.VK_L);

mcancel.addActionListener(this);

editmenu.add(maddtext);

editmenu.add(mbright);

editmenu.add(mcompress);

editmenu.add(mresize);

editmenu.add(mrotate);

editmenu.add(mtransparent);

editmenu.add(mcancel);

mainmenu.add(menu);

mainmenu.add(editmenu);

setJMenuBar(mainmenu);

setTitle("Image Editor");

setDefaultCloseOperation(EXIT_ON_CLOSE);

setExtendedState(this.getExtendedState() | this.MAXIMIZED_BOTH);

    setVisible(true);

chooser = new JFileChooser();

    FileNameExtensionFilter filter = new FileNameExtensionFilter("Image files", "jpg", "gif","bmp","png");

    chooser.setFileFilter(filter);

    chooser.setMultiSelectionEnabled(false);

enableSaving(false);

ia.requestFocus();

}

////start the ImageBrightness class

//The ImageBrightness class represents the interface to allow the user to make the image 

//brighter or darker by changing the value of the image slider

//The ImageBrightness class is in the Main class

public class ImageBrightness extends JFrame implements ChangeListener{

JSlider slider;

ImageBrightness(){

addWindowListener(new WindowAdapter(){

public void windowClosing(WindowEvent e){

dispose();

}

});

Container cont=getContentPane();

slider=new JSlider(-10,10,0);

slider.setEnabled(false);

slider.addChangeListener(this);

cont.add(slider,BorderLayout.CENTER);

slider.setEnabled(true);

setTitle("Image brightness");

setPreferredSize(new Dimension(300,100));

setVisible(true);

pack();

enableSlider(false);

}

public void enableSlider(boolean enabled){

slider.setEnabled(enabled);

}

public void stateChanged(ChangeEvent e){

ia.setValue(slider.getValue()/10.0f);

ia.setActionSlided(true);

ia.filterImage();

ia.repaint();

enableSaving(true);

}

} ////end of the ImageBrightness class

////start the ImageResize class

//The ImageResize class represents the interface that allows you to resize the image 

//by making changes to its width and height

//The ImageResize class is in the Main class

public class ImageResize extends JFrame implements ActionListener {

JPanel panel;

JTextField txtWidth;

JTextField txtHeight;

JButton btOK;

ImageResize(){

setTitle("Image resize");

//setDefaultCloseOperation(EXIT_ON_CLOSE);

setPreferredSize(new Dimension(400,100));

btOK=new JButton("OK");

btOK.setBackground(Color.BLACK);

btOK.setForeground(Color.BLUE);

btOK.addActionListener(this);

txtWidth=new JTextField(4);

txtWidth.addKeyListener(new KeyList());

txtHeight=new JTextField(4);

txtHeight.addKeyListener(new KeyList());

panel=new JPanel();

panel.setLayout(new FlowLayout());

panel.add(new JLabel("Width:"));

panel.add(txtWidth);

panel.add(new JLabel("Height:"));

panel.add(txtHeight);

panel.add(btOK);

panel.setBackground(Color.GRAY);

add(panel, BorderLayout.CENTER);

setVisible(true);

pack();

enableComponents(false);

}

//This method can be invoked to  enable the text boxes of image width and height

public void enableComponents(boolean enabled){

txtWidth.setEnabled(enabled);

txtHeight.setEnabled(enabled);

btOK.setEnabled(enabled);

}

//This method works when you click the OK button to resize the image

public void actionPerformed(ActionEvent e){

if(e.getSource()==btOK){

ia.setActionResized(true);

ia.resizeImage(Integer.parseInt(txtWidth.getText()),Integer.parseInt(txtHeight.getText()));

enableSaving(true);

ia.repaint();

}

}

//Restrict the key presses

//Only number, backspace, and delete keys are allowed

public class KeyList extends KeyAdapter{

  public void keyTyped(KeyEvent ke){

char c = ke.getKeyChar(); 

int intkey=(int)c;

if(!(intkey>=48 && intkey<=57 || intkey==8 || intkey==127))

{

ke.consume(); //hide the unwanted key

}

 

}

}

}////end of the ImageResize class

////start the TextAdd class

//The TextAdd class represents the interface that allows you to add your text to the image 

//In this interface you can input your text, select color, font name, and font size of the text

//The TextAdd class is in the Main class

public class TextAdd extends JFrame implements ActionListener {

JPanel panel;

JTextArea txtText;

JComboBox cbFontNames;

JComboBox cbFontSizes;

JButton btOK;

JButton btSetColor;

String seFontName;

Color colorText;

int seFontSize;

TextAdd(){

colorText=null;

setTitle("Add text to the image");

//setDefaultCloseOperation(EXIT_ON_CLOSE);

setPreferredSize(new Dimension(400,150));

btOK=new JButton("OK");

btOK.setBackground(Color.BLACK);

btOK.setForeground(Color.BLUE);

btOK.addActionListener(this);

btSetColor=new JButton("Set text color");

btSetColor.setBackground(Color.BLACK);

btSetColor.setForeground(Color.WHITE);

btSetColor.addActionListener(this);

txtText=new JTextArea(1,30);

cbFontNames=new JComboBox();

cbFontSizes=new JComboBox();

panel=new JPanel();

panel.setLayout(new GridLayout(4,1));

panel.add(new JLabel("Text:"));

panel.add(txtText);

panel.add(new JLabel("Font Name:"));

panel.add(cbFontNames);

panel.add(new JLabel("Font Size:"));

panel.add(cbFontSizes);

panel.add(btSetColor);

panel.add(btOK);

panel.setBackground(Color.GRAY);

add(panel, BorderLayout.CENTER);

setVisible(true);

pack();

listFonts();

}

public void actionPerformed(ActionEvent e){

if(e.getSource()==btOK){ //the button OK is clicked so the text is ready to place on the image

ia.setActionDraw(true); 

String textDraw=txtText.getText(); 

String fontName=cbFontNames.getSelectedItem().toString();

int fontSize=Integer.parseInt(cbFontSizes.getSelectedItem().toString());

ia.setText(textDraw,fontName,fontSize,colorText);

dispose();

}

else if(e.getSource()==btSetColor){ //show color chooser dialog for color selection

JColorChooser jser=new JColorChooser();

colorText=jser.showDialog(this,"Color Chooser",Color.BLACK);

}

}

//The listFonts method get all available fonts from the system

public void listFonts(){

//get the available font names and add them to the font names combobox

GraphicsEnvironment ge=GraphicsEnvironment.getLocalGraphicsEnvironment(); 

String[] fonts=ge.getAvailableFontFamilyNames();

for(String f:fonts)

cbFontNames.addItem(f);

//Initialize font sizes

for(int i=8;i<50;i++)

cbFontSizes.addItem(i);

}

} ////end of the TextAdd class

//handling events of sub-menu items on the main program interface

public void actionPerformed(ActionEvent e){

JMenuItem source = (JMenuItem)(e.getSource());

if(source.getText().compareTo("Open...")==0)

{

setImage();

ia.repaint();

                                                      validate();

}

else if(source.getText().compareTo("Save as...")==0)

{

showSaveFileDialog();

}

else if(source.getText().compareTo("Save")==0)

{

ia.saveToFile(filename);

}

else if(source.getText().compareTo("Add text on image")==0)

{

new TextAdd();

}

else if(source.getText().compareTo("Image brightness")==0)

{

ImageBrightness ib=new ImageBrightness();

if(ImgArea.imageLoaded)

ib.enableSlider(true);

}

else if(source.getText().compareTo("Image compression")==0)

{

if(ImgArea.imageLoaded){

ia.setActionCompressed(true);

enableSaving(true);

}

}

else if(source.getText().compareTo("Image resize")==0)

{

ImageResize ir=new ImageResize();

if(ImgArea.imageLoaded)

ir.enableComponents(true);

}

else if(source.getText().compareTo("Image rotation")==0)

{

if(ImgArea.imageLoaded){

ia.rotateImage();

enableSaving(true);

}

}

else if(source.getText().compareTo("Image transparency")==0){

if(ImgArea.c==null){

JOptionPane dialog=new JOptionPane();

dialog.showMessageDialog(this,"Click the background area of the image first","Error",JOptionPane.ERROR_MESSAGE);

}

else if(ImgArea.imageLoaded){

ia.makeTransparency(ImgArea.c);

enableSaving(true);

}

}

else if(source.getText().compareTo("Cancel editing")==0) {

ia.setImgFileName(filename);

ia.reset();

}

else if(source.getText().compareTo("Exit")==0) 

System.exit(0);

}

   

//The setImage method has code to open the file dialog so the user can choose

//the file to show on the program interface

public void setImage(){

int returnVal = chooser.showOpenDialog(this);

    if(returnVal == JFileChooser.APPROVE_OPTION) {

filename=chooser.getSelectedFile().toString();

ia.prepareImage(filename);

}

        

}

//The showSaveFileDialog method has code to display the save file dialog

//It is invoked when the user select Save as... sub-menu item

public void showSaveFileDialog(){

    int returnVal = chooser.showSaveDialog(this);

    if(returnVal == JFileChooser.APPROVE_OPTION) {  

String filen=chooser.getSelectedFile().toString(); 

              ia.saveToFile(filen);

            

       }

  }

//The enableSaving method defines code to enable or  disable saving sub-menu items

public void enableSaving(boolean f){

msaveas.setEnabled(f);

msave.setEnabled(f);

}

} ////end of the Main class

public class ImageEditor{

  

public static void main(String args[]){

     new Main();

   

}

}

For code explanation of Image Editor program, please read the comments along with the code.