Click here to Skip to main content
13,085,292 members (56,858 online)
Rate this:
Please Sign up or sign in to vote.

I have a Loop that generates an ex amount of PictureBoxes in a FLowLayoutPanel. I am wodering if anyone was able to help me turn every picturebox in the flowlayoutpanel into one image.

Is this possible?

Can anyone help me?

Posted 3-Apr-13 0:18am
Karthik Harve 3-Apr-13 6:24am
your question is not clear, for a picture box, you might specified an image to display. so, you will have your image., then what do you want to make into an image ?
SmashApps 3-Apr-13 6:29am

I have a flow layout panel. I have code that runs a loop that generates like 200 pictureboxes. I want to be able to save ONE image from ALL the pictureboxes. The pictureboxes don't have an image just a back color. So basically they all form one image.
ThePhantomUpvoter 3-Apr-13 6:59am
You have a design problem. There is no reason at all to create 200 pictureboxes. And what you are asking still does not make sense. If you have 200 pictureboxes and no image then you do not have any image to save so where do you think that this image data is coming from? You are essentially asking how to create an image out of nothing at all. Just create a blank bitmap and save it to disk.
SmashApps 3-Apr-13 7:01am
Well the pictureboxes are used as grid, I couldn't think of a better way. The program is a Pixel art program you do pixel drawings. You select a color and click on each picturebox and its color changes.

I know I don't have an image, I want to create an image out of the pictureboxes backcolors.
Kschuler 3-Apr-13 11:48am
I'm guessing there is a better way to do that. You might want to research the graphic's class:
Or if the whole point was that you didn't want to get real technical...I guess you could google for "VB.Net Merging Images" or "VB.Net Combining Images" I bet you could find something with those keywords.

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

In my TeboCam open source application I do this by stitching a list of bitmaps into one image.
Below is the method that does this:

        /// <summary>
        /// using a List of Bitmaps as input a Bitmap patchword is returned 
        /// </summary>
        /// <returns>Bitmap</returns>
        public static Bitmap getMosaicBitmap(int imagesPerRow)
                List<bitmap> imageItems = bitmaps;
                int imgCount = imageItems.Count;
                int imagesX;
                int xCount = 1;
                int xPos = 0;
                int yPos = 0;
                //let's save some image real estate if we can
                //if there are less images than wil fit into one row - trim the row size
                if (imgCount < imagesPerRow)
                    imagesX = imgCount;
                    imagesX = imagesPerRow;
                //get the width and height of the images()images must hasve same width and height)
                int width = imageItems[0].Width;
                int height = imageItems[0].Height;
                //row count is rounded down count of images divided by columns
                int rows = (int)Math.Floor((decimal)imgCount / (decimal)imagesX);
                //if there is a remainder in dividing the count of images by columns
                //add an extra row to the row count
                bool remainder = decimal.Remainder((decimal)imgCount, (decimal)imagesX) > 0m;
                if (remainder) rows++;
                //we now know the dimensions of the Bitmap so let's create it
                Bitmap mosaicImage = new System.Drawing.Bitmap(imagesX * width, rows * height);
                using (System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(mosaicImage))
                    //fill the mosaic in black first
                    for (int i = 0; i < imgCount; i++)
                        //iterate through images adding to mosaic
                        //images are added from let to right then down one and row left to right etc.
                        g.DrawImage(imageItems[i], new System.Drawing.Rectangle(xPos, yPos, imageItems[i].Width, imageItems[i].Height));
                        if (xCount > imagesX)
                            xPos = 0;
                            xCount = 1;
                            yPos = yPos + height;
                            xPos = xPos + width;
                    return mosaicImage;


                return null;

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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web04 | 2.8.170813.1 | Last Updated 4 Apr 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100