How to draw multiple rectangles on an image?

Question

0.00/5 (No votes)

See more:

Hello All ,
I want to draw multiple rectangles on an image based on image size , for example if i have image Width=733 , height=501 , and i want to draw 6*8 rectangles i.e 6 rows and 8 column rectangles . how can i draw .

Currently i'm able to draw multiple rectangles but not getting the correct logic , what will be the better way to do that .

What I have tried:

public Form1()
{
InitializeComponent();
int j = pictureBox1.Location.X;
int k = pictureBox1.Location.Y;

int imagewidth = pictureBox1.Image.Size.Width;
int imageheight = pictureBox1.Image.Size.Height;

System.Drawing.Image img = System.Drawing.Image.FromFile(@"E:\Caledonia.jpg");
MessageBox.Show("Width: " + img.Width + ", Height: " + img.Height);

var size = pictureBox1.ClientSize;
// getting multiple rectangles
for (k = 10; k <= 1500; k++)
{
//for (j = 13; j <= img.Width; j++)
//{
// j = j - 1;
k = k - 1;
rect = new UserRect(new Rectangle(j, k, 200, 150));
listRec.Add(rect.rect);
rect.SetPictureBox(this.pictureBox1);
//i = i + 20;
//j = j + 12;
j = j + 100;
k = k + 100;
//}

}
}

Posted 8-May-17 19:18pm

Mallesh Shantagiri

Updated 8-May-17 22:17pm

Add a Solution

Comments

Ralf Meier 9-May-17 1:49am

Do you want that those rectangles become part of the Image ? Or do you want to have a kind of Layer over the Image (without changing it) ?

Mallesh Shantagiri 9-May-17 2:09am

i just want those on top of image , those should be in order.

Ralf Meier 9-May-17 2:47am

That doesn't answer my question. I repeat it :
Do you want that those rectangles become part of your Image - do you want to paint directly onto the Image ?

Mallesh Shantagiri 9-May-17 3:08am

Yes , i want those rectangles will be the part of image . On top of the image size .

Mallesh Shantagiri 9-May-17 3:16am

i have drawn one column of rectangles , just by keeping image x axis as constant and Y axis as increment with total height/4 , but now i want to do that for the whole image.

Ralf Meier 9-May-17 4:17am

see my Solution ...

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ralf Meier · Accepted Answer · 2017-05-08T22:17:00

my Suggestion is to create a customized PictureBox with the Behaviour you want to have :

C#

using System;
using System.Windows.Forms;
using System.Drawing;

    public class GridPictureBox : PictureBox
    {

        public Size GridSize
        {
            get { return my_GridSize; }
            set
            {
                my_GridSize = value;
                this.Invalidate();
            }
        }

        private Size my_GridSize = new Size(8, 8);
        public Color GridColor
        {
            get { return my_GridColor; }
            set
            {
                my_GridColor = value;
                this.Invalidate();
            }
        }

        private Color my_GridColor = Color.Black;
        protected override void OnSizeModeChanged(EventArgs e)
        {
            this.Invalidate();
            base.OnSizeModeChanged(e);
        }

        protected override void OnSizeChanged(EventArgs e)
        {
            this.Invalidate();
            base.OnSizeChanged(e);
        }

        protected override void OnPaint(PaintEventArgs pe)
        {
            Graphics gr = pe.Graphics;

            base.OnPaint(pe);

            if (Image != null)
            {
                //get Image-Location and -Size in Picturebox
                Point p = default(Point);
                Size s = default(Size);
                switch (SizeMode)
                {
                    case PictureBoxSizeMode.Normal:
                    case PictureBoxSizeMode.StretchImage:
                    case PictureBoxSizeMode.CenterImage:
                        s = this.Size;
                        p = new Point(0, 0);
                        break;
                    case PictureBoxSizeMode.AutoSize:
                        s = Image.Size;
                        p = new Point(0, 0);
                        break;
                    case PictureBoxSizeMode.Zoom:
                        float factor = Math.Max(Convert.ToSingle(Image.Height) / Convert.ToSingle(this.Height), Convert.ToSingle(Image.Width) / Convert.ToSingle(this.Width));
                        s = new Size(Convert.ToInt32(Convert.ToSingle(Image.Width) / factor), Convert.ToInt32(Convert.ToSingle(Image.Height) / factor));
                        p = new Point((this.Width - s.Width) / 2, (this.Height - s.Height) / 2);
                        break;
                }


                //draw Grid-Lines (vertical)
                for (int x = 0; x <= s.Width; x += my_GridSize.Width)
                {
                    gr.DrawLine(new Pen(my_GridColor, 1), x + p.X, p.Y, x + p.X, p.Y + s.Height);
                }

                //draw Grid-Lines (horizontal)
                for (int y = 0; y <= s.Height; y += my_GridSize.Height)
                {
                    gr.DrawLine(new Pen(my_GridColor, 1), p.X, y + p.Y, p.X + s.Width, y + p.Y);
                }
            }

        }
    }