• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 640
  • Last Modified:

Zoom out

I have a app in which a panel contains roughly 100 picture boxes all with varying size pictures which you can scroll using the panel to see them all. Is there any way that i can zoom out so you can see more of these picture boxes. And also then be able to zoom back in :)

  • 2
1 Solution
how about setting the image mode of the picture box to Stretch Image. and then having a zoom slider to set the zoom level. at which point just change the size of the picture box and the image inside will scale automatically.
käµfm³d 👽Commented:
I believe you will have to loop through the panel's controls collection and set the size of each picture box to something smaller. You may then have to do some shuffling of the pb's (e.g. put 5 on one row instead of 4).
I made a quick example.  I took a form and docked a trackbar at the bottom with min and max to be 1 to 20.  This will be my zoom factor divided by 10.  I docked a flow layout panel in the rest of the form.  ON form load,  I created a bunch of picture boxes from images and stored the original image size in tag.  Then as the value changed in the trackback i adjust the size of the picture boxes.
  private void Form1_Load(object sender, EventArgs e)
        Assembly assm = Assembly.GetExecutingAssembly();
        string ResourceName = "WinForm_C_Sharp.Graphics.bulb_off.png";
        System.IO.Stream str = assm.GetManifestResourceStream(ResourceName);
        Image img = Bitmap.FromStream(str);
        for (int i = 0; i < 20; i++)
            PictureBox pb = new PictureBox();
            pb.SizeMode = PictureBoxSizeMode.StretchImage;
            pb.Width = img.Width;
            pb.Height = img.Height;
            pb.Image = img;
            pb.Tag = new Point(img.Width, img.Height);
    private void trackBar1_ValueChanged(object sender, EventArgs e)
        double scale = this.trackBar1.Value / 10.0;
        foreach (PictureBox pb in this.flowLayoutPanel1.Controls)
            Point p = (Point)pb.Tag;
            pb.Height = (int)(p.X * scale);
            pb.Width = (int)(p.Y * scale);

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now