CODEWITHSUNDEEP
c#
nithi
nithi

Reputation: 293

Image navigation

How to navigate the image using Keyboard arrow keys in C#.

My 1st form contains listView. Listview contains 10 images in thumbnail format.Images are from perticular folder. When i double click the image in the list view, its opening in a new window as large image. I want to navigate the image in the new window as per listview order.

If i click the image randomly, want to navigate the image from that selected image.

Its like a Microsoft picture manager.

Plz give me an Idea.

Upvotes: 1

Views: 1493

Answers (1)

MusiGenesis
MusiGenesis

Reputation: 75376

Set your form's KeyPreview property to True. Then add this line of code to the top of your CS file:

using System.IO;

Next, inside the scope of your form, add these two lines:

private FileInfo[] _files;
private int _currentFile;

In your form's Load event, put this code:

DirectoryInfo dirinfo = new DirectoryInfo(
    Path.Combine(Application.StartupPath, "images"));
_files = dirinfo.GetFiles();
_currentFile = 0;
Bitmap bmp = (Bitmap)Bitmap.FromFile(_files[_currentFile].FullName);
pictureBox1.Image = bmp;

Finally, in your form's KeyDown event, put this code:

if (e.KeyCode == Keys.Down)
{
    _currentFile--;
    if (_currentFile < 0)
    {
        _currentFile = _files.Length - 1;
    }
}
else if (e.KeyCode == Keys.Up)
{
    _currentFile++;
    if (_currentFile >= _files.Length)
    {
        _currentFile = 0;
    }
}

Bitmap bmp = (Bitmap)Bitmap.FromFile(_files[_currentFile].FullName);
if (pictureBox1.Image != null)
{
    pictureBox1.Image.Dispose();
}
pictureBox1.Image = bmp;

This code assumes that you have a PictureBox on your form named "pictureBox1", and it assumes that you have a folder named "\images" in your application folder that contains the image files you wish to display.

As o.k.w. mentioned in a comment, you may want to enhance this code by resizing the PictureBox to fit the dimensions of the image file. You can do that by setting the SizeMode property of your PictureBox to AutoSize (or set it to CenterImage, if you wish to keep the overall image centered on your form).

Upvotes: 3

Related Questions