How to make Image Editor Tool in C#


In this article we will learn how to make an image editing tool with the help of C#. In this image editing tool we include resizing image, cropping image, brightness and contrast in images, rotation and other various common image editing functionality.
 

First we will learn how to implement these functionalities for images one by one. So first we need to learn how to show an image in a Windows form. For that we can take a picturebox control; a picturebox control can load an image file format like bmp, jpeg, gif, tiff file also.

   
Start a new Windows application and add a splitcontainer, picturebox, menustrip and a toolstrip on the Windows form.

 

Arrange controls on the form like this.

resize.jpg

 

Now we need to be able to open images on the form so we use the open filedialog class for selecting image files.

 

Code :
 

   Private Img As Image

 

Declare Img as an object of the Image class. The Image class is a member of the System.Drawing namespace; it is an abstract base class that provides functionality for raster images (bitmaps) and vector images (Metafile) descended classes.

 

Use openfiledialog on OpenToolStripMenuItem_Click event:

 

     private void OpenToolStripMenuItem_Click(object sender, EventArgs e)

        {

            OpenFileDialog Dlg = new OpenFileDialog();

            Dlg.Filter = "";

            Dlg.Title = "Select image";

            if (Dlg.ShowDialog() == System.Windows.Forms.DialogResult.OK)

            {

                Img = Image.FromFile(Dlg.FileName);

                //Image.FromFile(String) method creates an image from the specifed file, here dlg.Filename contains the name of the file from which to create the image

                LoadImage();

            }

 

        }

 

private void LoadImage()

        {

            //we set the picturebox size according to image, we can get image width and height with the help of Image.Width and Image.height properties.

            int imgWidth = Img.Width;

            int imghieght = Img.Height;

            PictureBox1.Width = imgWidth;

            PictureBox1.Height = imghieght;

            PictureBox1.Image = Img;

            PictureBoxLocation();

            OriginalImageSize = new Size(imgWidth, imghieght);

 

            SetResizeInfo();

        }
 

Suppose that your picturebox or image size is smaller than the background panel; then the image will show in the corner of the panel in the upper side and this is not a professional look for the tool so we set the picturebox or image location on panel.


After doing this the image will always show in the center of the panel.

 

    private void PictureBoxLocation()

        {

            int _x = 0;

            int _y = 0;

            if (SplitContainer1.Panel1.Width > PictureBox1.Width)

            {

                _x = (SplitContainer1.Panel1.Width - PictureBox1.Width) / 2;

            }

            if (SplitContainer1.Panel1.Height > PictureBox1.Height)

            {

                _y = (SplitContainer1.Panel1.Height - PictureBox1.Height) / 2;

            }

            PictureBox1.Location = new Point(_x, _y);

        }

 

private void SplitContainer1_Panel1_Resize(object sender, EventArgs e)

        {

            PictureBoxLocation();

        }

 

You can try this code for making an image editing tool. In this article you learned how to show an image on a form; the next article of this series will describe resizing images. Thanks.

Up Next
    Ebook Download
    View all
    Learn
    View all