Displaying several random images in several Image Controls from a folder without repeating in WPF?

Question

First and foremost, I apologize for my grammatical errors; my first language is Persian (Iran).
I have 30 images (*.png) that i want to display randomly in 30 Image Control.
I wrote the following codes but ...

XAML codes

C# Codes

//"Images" folder is in Solution Explorer  
![102579-images.png][1]  
DirectoryInfo DirInfo = new DirectoryInfo(@"Images/");  
FileInfo[] FileInfo = DirInfo.GetFiles();  
object[] ImagesList = FileInfo;  
for (int i = 0; i < 30; i++)  
{  
//Name of Control + Number  
var img = FindName("Image" + i.ToString()) as Image;  
img.Source = (BitmapImage)ImagesList[i];  
}

Thanks

Accepted Answer

Failed reason 1: The number of your images is 7, you use ImagesList[i] which scope is 0~30, it is out of array size.
Failed reason 2: It is not a good way to convert object[] ImagesList to BitmapImage like yours.

I update your code like below:

 DirectoryInfo DirInfo = new DirectoryInfo(@"Images/");  
            FileInfo[] FileInfo = DirInfo.GetFiles();  
            Random rd = new Random();  
            for (int i = 0; i < 30; i++)  
            {  
                int n = rd.Next(0, FileInfo.Count());  
                var img = FindName("Image" + i.ToString()) as Image;  
                img.Source = new BitmapImage(new Uri(FileInfo[n].FullName.ToString(), UriKind.RelativeOrAbsolute));  
            }

The result picture is:

Update
Add a button to show/refresh all pictures without duplication, the cs code is:

public void LoadImages()  
        {  
            Random rand = new Random();  
            DirectoryInfo DirInfo = new DirectoryInfo(@"Images/");  
            FileInfo[] FileInfo = DirInfo.GetFiles();  
  
            int num = FileInfo.Count();  
            List lt = new List();  
            int number;  
            for (int i = 0; i < num; i++)  
            {  
                do  
                {  
                    number = rand.Next(0, num);  
                } while (lt.Contains(number));  
                lt.Add(number);  
            }  
            for (int i = 0; i < num; i++)  
            {  
                int x = lt[i];  
                var img = FindName("Image" + i.ToString()) as Image;  
                img.Source = new BitmapImage(new Uri(FileInfo[x].FullName.ToString(), UriKind.RelativeOrAbsolute));  
            }  
        }  
  
        private void Button_Click(object sender, RoutedEventArgs e)  
        {  
            LoadImages();  
        }

The updated result picture is:

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer

To avoid duplicate images i added the following codes but it gives an error: 'The process cannot access the file because it is being used by another process.' line 12

DirectoryInfo DirInfo = new DirectoryInfo(@"Images/");
FileInfo[] FileInfo = DirInfo.GetFiles();
Random random = new Random();
for (byte i = 0; i < 30; i++)
{
  byte r = (byte)random.Next(0, FileInfo.Count());
  var img = FindName("Image" + i.ToString()) as Image;
  img.Source = new BitmapImage(new Uri(FileInfo[r].FullName.ToString(), UriKind.RelativeOrAbsolute));
  //I want to remove the image from the FileInfo array after display it.
  GC.Collect();
  GC.WaitForPendingFinalizers();
  using (FileStream fs = System.IO.File.Create(FileInfo[r].FullName.ToString(), Int16.MaxValue, 
  FileOptions.DeleteOnClose))
  {
   FileInfo[r].Directory.Delete();
  }
}

Share via

Displaying several random images in several Image Controls from a folder without repeating in WPF?

1 additional answer

Your answer