This article explains how to add and show multiple pictures / images using a single PictureBox Control in a C# Windows Forms Project.

Step 1

Open Visual Studio.

Step 2

Create a New Project, rename the project if required (I have renamed it SinglePictureBox).

Create New Project

Step 3

Add 1 PictureBox control from the Toolbox on your blank form.

PictureBox

Step 4

Add 3 nose Button Controls from the toolbox to the form. (You can add fewer or more buttons as you desire.)

Nos Button Control

Our GUI is ready now. Before adding any images please rename their file names, like Img1, Img2 and Img3, so that it will easy to add and pick names in your code window, I renamed 3 images as specified above.

Step 5

Right-click on the Picture box, go to Properties.

go to property

Select the "Image" property and select the "Import" option. You will get browse for adding image files, now select any 3 nose pictures. (In this project I have added 3 nose Button Controls so we need only 3 nose images also, you can add fewer or more as you desire.)

Nos images

Step 6

After the addition of the image, select the option as "none" and press OK so that when you run your project then by default a Picture box will show as blank.

default Picture box

Now to code our app.

Right-click on your form and select View Code.

select view code

Your code window will open.

code window will open

Step 7

Add a namespace to your code to pick image resources in each button, your namespace will look like this.

  1. using SinglePictureBox.Properties;


Add namespace in your code

In the preceding code, SinglePictureBox is the project name since I renamed it when I created a new project, if you have given any different name to your project then you must use that name only instead on SinglePictureBox.

Now turn on your GUL (form design).

Step 8

Double-click on Button1 and code this in the click event.

  1. private void button1_Click(object sender, EventArgs e)
  2. {
  3. pictureBox1.Image = Resources.Img1;
  4. }

In the preceding code, Img1 will be displayed after button click.

Again double-click on Button2 and code this in the click event.

  1. {
  2. pictureBox1.Image = Resources.Img2;
  3. }

In the preceding code, Img2 will display after button click.

Once again double-click on Button3 and code this in the click event.
  1. {
  2. pictureBox1.Image = Resources.Img3;
  3. }

In the preceding code, Img3 will be displayed after button click.

Your coding is done and your final code will look like this.

  1. using System;
  2. using System.Collections.Generic;
  3. using System.ComponentModel;
  4. using System.Data;
  5. using System.Drawing;
  6. using System.Linq;
  7. using System.Text;
  8. using System.Windows.Forms;
  9. using SinglePictureBox.Properties;
  10. namespace SinglePictureBox
  11. {
  12. public partial class Form1: Form
  13. {
  14. public Form1()
  15. {
  16. InitializeComponent();
  17. }
  18. private void button1_Click(object sender, EventArgs e)
  19. {
  20. pictureBox1.Image = Resources.Img1;
  21. }
  22. private void button2_Click(object sender, EventArgs e)
  23. {
  24. pictureBox1.Image = Resources.Img2;
  25. }
  26. private void button3_Click(object sender, EventArgs e)
  27. {
  28. pictureBox1.Image = Resources.Img3;
  29. }
  30. }
  31. }

final code

Now run you code and check that it works. Press all 3 nose buttons one by one and you will get all the images one by one in a single picture box.

picture box

Thank you. Please correct me if anything is wrong in the preceding article.