Shuffle Random Images On Button Click Using C#

Many times, we are required to randomize the images, numbers, controls, and positions (Button, Check-Box, Radio-Button etc.). Therefore, we use the Random() function. This blog guides you through the process of shuffling random images on a button-click.

Often, we need to randomize the images, numbers, controls, and positions (Button, Check-Box, Radio-Button etc.). For that, we use the Random() function in C#.

The Random.Next() method is also available in the Random class which returns random numbers.

 

This Range() method requires parameters such as minimum and maximum number to set the range. In this example, I have taken the numbers (0, 4) in the range method, which contains the number - 0,1,2,3, i.e., a total of 4 numbers.

Whenever the Random.Next() method is executed on the above range, it will return the output in a random list, like 2,0,1,3 or 3,2,1,0 or 1,3,0,2 or 0,2,1,3 etc.

var randomNumbers = Enumerable.Range(0, 4).OrderBy(x => rnd.Next()).Take(4).ToList();

On every click of “Shuffle” button, the above line of code will return the list of 4 numbers. The sequence gets changed everytime. By using this number, we can set the position of images.

As soon as the position of images has changed, it behaves like the images are shuffled.

We can apply the same for randomizing Controls, Pages, Tabs, Numbers, etc.

On click of the“Shuffle” button, it shuffles the pictures randomly.

Step 1

Add the picture boxes on your form as per the requirement. In this example, I have taken 4 picture boxes.

Step 2

Add a button to shuffle the images.

Step 3

Double-click on the button to open the code behind of the form.

Step 4

Create a list, first for the images and second for the PictureBox.

Step 5

In the Form, the default Constructor initializes the images and creates a DirectoryInfo. Then, it sets the appropriate path and adds picture boxes to the list of picture boxes.

Step 6

Create one function which calls the Button-Click event. In this function, set the Enumerable.Range() like below example. I have taken 4 images; therefore I set 4.

Enumerable.Range(0, 4).OrderBy(x => rnd.Next()).Take(4).ToList();

Source Code

using System;
using System.Threading;
using System.IO;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace ShuffleDemo
{
    public partial classForm1: Form
    {
        List<Image> images;
        List<PictureBox> pic = new List<PictureBox>();
        public Form1()
        {
            InitializeComponent();
            images = new List<Image>();
            DirectoryInfo di = new DirectoryInfo(@ "F:\Praveen\Images"); // give a path
            FileInfo[] finfos = di.GetFiles("*.jpg", SearchOption.AllDirectories);
            foreach (FileInfo fi in finfos)
                images.Add(Image.FromFile(fi.FullName));
            //add picture boxes
            pic.Add(pictureBox1);
            pic.Add(pictureBox2);
            pic.Add(pictureBox3);
            pic.Add(pictureBox4);
        }
        Random random = new Random();
        private void Form1_Load(object sender, EventArgs e) { }
        public void shuffleImages()
        {
            var rnd = new Random();
            var randomNumbers = Enumerable.Range(0, 4).OrderBy(x => rnd.Next()).Take(4).ToList();
            int[] n = new int[4];
            List<int> a = newList<int>();
            foreach (int item in randomNumbers)
            {
                a.Add(item);
            }
            for (int i = 0; i < pic.Count; i++)
            {
                n[i] = a[i];
                pic[i].Image = images[n[i]];
            }
        }
        private void btnShuffle_Click(object sender, EventArgs e)
        {
            shuffleImages();
        }
    }
}