Question

Hi i am currently retrieving multiple images from isolated storage.
When i retrieve the image in the listbox1 all the image are joined one after another is it possible to have a line break in between each image?? Below will be my retrieve code and save code of the image to and from isolated storage.

Save code:

    private void SaveToLocalStorage(string imageFolder, string imageFileName)
    {
        imageFileName = App.imagePath;

        var isf = IsolatedStorageFile.GetUserStoreForApplication();
        if (!isf.DirectoryExists(imageFolder))
        {
            isf.CreateDirectory(imageFolder);
        }

        string filePath = Path.Combine(imageFolder, imageFileName);
        using (var stream = isf.CreateFile(filePath))
        {
            var bmp = new WriteableBitmap(inkCanvas, inkCanvas.RenderTransform);
            bmp.SaveJpeg(stream, bmp.PixelWidth, bmp.PixelHeight, 0, 100);
        }
        MessageBox.Show(filePath            }

Retrieve code:

private void LoadFromLocalStorage(string imageFolder)
{
    var isoFile = IsolatedStorageFile.GetUserStoreForApplication();

    // Check if directory exists
    if(!isoFile.DirectoryExists(imageFolder))
    {
        throw new Exception("Image directory not found");
    }

    // Clear listbox
    listBox1.Items.Clear();

    // Get files
    foreach(string fileName in isoFile.GetFileNames())
    {
        string filePath = Path.Combine(imageFolder, fileName);
        using(var imageStream = isoFile.OpenFile(filePath, FileMode.Open, FileAccess.Read))
        {
            var imageSource = PictureDecoder.DecodeJpeg(imageStream);

            BitmapImage bi = new BitmapImage();

            ListBoxItem item = new ListBoxItem();
            bi.SetSource(imageStream);
            item.Content = new Image() { Source = bi, MaxHeight = 100, MaxWidth = 100 };
            listBox1.Items.Add(item);
        }
    }
}

Can anyone help me with how should i go about doing the line break in listbox1.
Appreciate all of your help.

Answer 1

A line break isn’t appropriate here as you’re not breaking text.

I’m guessing what you realy want is some space between the items. For this you woudl use a margin.
Something like:

item.Content = new Image 
                   { 
                       Source = bi,
                       MaxHeight = 100,
                       MaxWidth = 100,
                       Margin = new Thickness(0, 0, 0, 20)
                   };

This puts 20 pixels space below each image.