how to create an instance of picturebox in user control

Question

1.00/5 (1 vote)

See more:

Good Day. I have a user control and I want to create an instance of picture box for each picture that will load simultaneously. The process starts when the form did load, the user control inside the form will appear. Then the user control will read the xml file. It will read and load all the images from a path saved as child node in xml file.

I had started to code the user control:

private void UserControl1_Load(object sender, EventArgs e)
{
   XmlDocument xdoc = new XmlDocument();
   xdoc.Load(@"Items\XMLActiveX.xml");
   XmlNodeList xnl = xdoc.SelectSingleNode("imageroot").ChildNodes;

   label1.Text = String.Empty;

   foreach (XmlNode xNode in xnl) //for each node in xml file
   {
      XmlElement xElem = (XmlElement)xNode;
      XmlNodeList name = xElem.GetElementsByTagName("name");
      XmlNodeList x = xElem.GetElementsByTagName("x");
      XmlNodeList y = xElem.GetElementsByTagName("y");
      XmlNodeList path = xElem.GetElementsByTagName("path");

   for (int i = 0; i < name.Count; i++)
   {
                    
      label1.Text += "Image Name: " + name[i].InnerText + "\n";
      label1.Size += new System.Drawing.Size(100, 10);
      x1 = Convert.ToInt32(x[i].InnerText);
      y1 = Convert.ToInt32(y[i].InnerText);
      label1.Location = new Point(x1, y1);

    }
  }
}

I don't know how to create an instance of several picture box and how to load images. Please help me. Any help will be appreciated. Thanks in advance. :)

Posted 19-Dec-10 23:19pm

yummy02

Updated 20-Dec-10 0:19am

Manfred Rudolf Bihy

v3

Add a Solution

Comments

Toniyo Jackson 20-Dec-10 5:20am

Always write your code inside code block.

Manfred Rudolf Bihy 20-Dec-10 6:20am

Instead of "" I inserted String.Empty. Double quotes seem to foul up the syntax highlighting.

4 solutions

Solution 4

<big>dghnfg</big>

Posted 24-Jul-11 15:58pm

BooWangno

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)

johannesnestler · Accepted Answer · 2010-12-19T23:41:00

Hi,

I wrote you a quick example using PictureBox-Controls created on the fly. Just Create a Windows Forms project and replace Program.cs with following snippet.

C#

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

namespace DynamicImages
{
    static class Program
    {
        static void Main()
        {
            Application.Run(new TestForm());
        }
    }
    class MyUserControl : Panel
    {
        public MyUserControl()
        {
            AutoScroll = true;
        }
        public void AddImagePictureBox(Image image)
        {
            PictureBox pb = new PictureBox();
            pb.Image = image;
            pb.Dock = DockStyle.Left;
            pb.SizeMode = PictureBoxSizeMode.AutoSize;
            Controls.Add(pb);
        }
    }
    class TestForm : Form
    {
        public TestForm()
        {
            MyUserControl control = new MyUserControl();
            control.Dock = DockStyle.Fill;
            Button buttonAddImage = new Button();
            buttonAddImage.Dock = DockStyle.Bottom;
            buttonAddImage.Text = "Add Image";
            buttonAddImage.Click += delegate(object obj, EventArgs ea)
            {
                // Create dummy image - replace with loading real image
                Random rand = new Random();
                Bitmap bmp = new Bitmap(rand.Next(100, 200), rand.Next(100, 200));
                using (Graphics grfx = Graphics.FromImage(bmp))
                    grfx.FillRectangle(new SolidBrush(Color.FromArgb(rand.Next(256), rand.Next(256), rand.Next(256))), 0, 0, bmp.Width, bmp.Height);
 
                control.AddImagePictureBox(bmp);
            };
            Controls.Add(control);
            Controls.Add(buttonAddImage);
        }
    }
}

But there is another solution if you OwnerDraw your control, you can just draw the pictures (Graphics.DrawImage) inside the Paint event handler (let me know if you need help

Manfred Rudolf Bihy · Accepted Answer · 2010-12-20T00:12:00

I made some insertions into your code to help you get the idea of
what you have to do. See my explanation at the end.

C#

private void UserControl1_Load(object sender, EventArgs e)
{
   XmlDocument xdoc = new XmlDocument();
   xdoc.Load(@"Items\XMLActiveX.xml"); //Dont hard code that into the control but rather make it a property of your user control
   XmlNodeList xnl = xdoc.SelectSingleNode("imageroot").ChildNodes;
   label1.Text = String.Empty;
   foreach (XmlNode xNode in xnl) //for each node in xml file
   {
      XmlElement xElem = (XmlElement)xNode;
      XmlNodeList name = xElem.GetElementsByTagName("name");
      XmlNodeList x = xElem.GetElementsByTagName("x");
      XmlNodeList y = xElem.GetElementsByTagName("y");
      XmlNodeList path = xElem.GetElementsByTagName("path");
      // Code saving x[] y[] path[] name[] is missing
      // ...
   }

   for (int i = 0; i < name.Count; i++)
   {
      //If you want to have a label for each picture you'd have to 
      //generate that too dynamically
      label1.Text += "Image Name: " + name[i].InnerText + "\n";
      label1.Size += new System.Drawing.Size(100, 10);
      x1 = Convert.ToInt32(x[i].InnerText);
      y1 = Convert.ToInt32(y[i].InnerText);
      label1.Location = new Point(x1, y1);
      PictureBox pb = new PictureBox();
      Image img = Image.FromFile(path[i]);
      pb.BackgroundImage = img;
      pb.Width = img.Width; //you can choose a fixed size too but then the picturebox would need to stretch or zoom
      // pb.BackgroundImageLayout = ImageLayout.Stretch;
      pb.Height = img.Height;
      //pb.Top = ???  You need to determine how you want to position
      //pb.Left= ???  you picturedox relatively to your label
      //For a different approach see my explanation in the answer
      // You also need to add the PictureBox to the control itself or
      // a container on your control
      // this.Controls.Add(pb);
    }
  }
}

If you want to display the image along with it's name I would suggest that you implement that as a separate user control. It would make your code more structured. Also spreading of the different values into separate arrays is not a good idea.
Make a small class that contains the data you're picking from the XML and you can then use XmlSerialization to extract the data.
You also need to think about screen realestate and how to best use it. If you cant control or know how big pictures can get it's better to go with a fixed size PictureBox and set it to Stretch or Zoom.
If need to add dynamically created controls to a container. That can be your user control itself or a container you have on your user control like a panel for instance.
Instead of using PictureBox's Image property to set the image I used BackgroundImage because it lets you set the ImageLayout in case you need to automatically stretch or zoom.

Regards,

Manfred

Jefis · Accepted Answer · 2010-12-19T23:22:00

Solution 1

Here is the snipper.

Image bmp = Image.FromFile(@"C:\myAvatar.png");
PictureBox box = new PictureBox() {
 Image = bmp,
};

Posted 19-Dec-10 23:22pm

Jefis

v2