Introduction

In this article we are going to explore some interesting things such as saving and reading images using isolated storage in Windows Phone 7. Further we are explaining the details of when we have an image and want to store it with Windows Phone then we can do it easily using isolated storage. As we know, isolated storage is a virtual environment which we must create to store data or images then later we can retrieve that data or images. In the isolated storage we will use mostly the terms IsolatedStorageFile, which is a class used to create the virtual store and the other one is the IsolatedStorageFileStream, which is a class used to basically read and write the file from isolated storage space. Further in this, the main difference, when we talk about Images, is the usage of BitmapImage and WriteableBitmap classes. Further we have to see how it is possible to do such functionality then you have to do that using the steps given below.

Step 1 : In this step, first of all we have to open a Windows Phone application; let us see how to open it.

• Go to Visual Studio 2010
• File->New->Project
• Select the template named as Silverlight for Windows Phone
• Select the Windows Phone application
• Give it a name as you want

Step 2 : In this step we have to add some namespaces to the above namespaces and also add a reference to the Solution Explorer; first of all we will see how it will be added, which is given below.

Go to Solution Explorer.

Right-click on the reference folder.

Select the component named as Microsoft.Xna.Framework as see in the figure given below.

Whenever you click OK then you will see that the component reference has been added to the reference folder which will you see in the figure given below.

Step 3 : In this step you will see the code for the Button1 click code or save button code which is given below. In this code we are going to create a virtual store and file stream that will used to store the image into isolated storage and in the Step 4 we will see that we have to retrieve the image from isolated storage; further you will see the code given below.

Code:

private void button1_Click(object sender, RoutedEventArgs e)
{
// First of all create a filename for JPEG file in isolated storage.
String myimg = "Background.png";
// Now we are going to Create virtual store and file stream. Check for duplicate tempJPEG files.
using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
{
if (ISF.FileExists(myimg))
{
ISF.DeleteFile(myimg);
}
IsolatedStorageFileStream FS = ISF.CreateFile(myimg);
StreamResourceInfo Str_ri = null;
Uri ur = new Uri(myimg, UriKind.Relative);
Str_ri = Application.GetResourceStream(ur);
BitmapImage BI = new BitmapImage();
BI.SetSource(Str_ri.Stream);
WriteableBitmap Wr_B = new WriteableBitmap(BI);
// Furthe we have to encode WriteableBitmap object to a JPEG stream.
Extensions.SaveJpeg(Wr_B, FS, Wr_B.PixelWidth, Wr_B.PixelHeight, 0, 85);
Wr_B.SaveJpeg(FS, Wr_B.PixelWidth, Wr_B.PixelHeight, 0, 85);
FS.Close();
MessageBox.Show("Image has been saved");
}
}

Step 4 : In this step we will see the code which is given below for reading the images from the isolated storage to the Windows Phone.

Code:

private void button2_Click(object sender, RoutedEventArgs e)
{
BitmapImage Bit_Img = new BitmapImage();
using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
{
using (IsolatedStorageFileStream FS = ISF.OpenFile("Background.png", FileMode.Open, FileAccess.Read))
{
Bit_Img.SetSource(FS);
this.img2.Height = Bit_Img.PixelHeight;
this.img2.Width = Bit_Img.PixelWidth;
}
}
this.img2.Source = Bit_Img;
}

Step 5: In this step we will see the button3 click code which will add an image to the media library and later we can retrieve that image; either saved inside the media library or not; let us see the code, which is given below.

Code:

private void button3_Click(object sender, RoutedEventArgs e)
{
using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
{
using (IsolatedStorageFileStream FS = ISF.OpenFile("Background.png", FileMode.Open, FileAccess.Read))
{
MediaLibrary ML = new MediaLibrary();
Picture pic = ML.SavePicture("SavedBackground.png", FS);
FS.Close();
MessageBox.Show("Image stored to media library");
}
}
PhotoChooserTask PCT = new PhotoChooserTask();
PCT.Show();
}

Step 6 : In this step we will see the complete code for the MainPage.xaml.cs file, which is given below.

Code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.IO.IsolatedStorage;
using System.Windows.Media.Imaging;
using System.IO;
using System.Windows.Resources;
using Microsoft.Xna.Framework.Media;
using Microsoft.Phone.Tasks;
namespace Myimagesave
{
public partial class MainPage : PhoneApplicationPage
{
// Constructor
public MainPage()
{
InitializeComponent();
}
private void button1_Click(object sender, RoutedEventArgs e)
{
// Create a filename for JPEG file in isolated storage.
String myimg = "Background.png";
// Create virtual store and file stream. Check for duplicate tempJPEG files.
using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
{
if (ISF.FileExists(myimg))
{
ISF.DeleteFile(myimg);
}
IsolatedStorageFileStream FS = ISF.CreateFile(myimg);
StreamResourceInfo Str_ri = null;
Uri ur = new Uri(myimg, UriKind.Relative);
Str_ri = Application.GetResourceStream(ur);
BitmapImage BI = new BitmapImage();
BI.SetSource(Str_ri.Stream);
WriteableBitmap Wr_B = new WriteableBitmap(BI);
// Encode WriteableBitmap object to a JPEG stream.
Extensions.SaveJpeg(Wr_B, FS, Wr_B.PixelWidth, Wr_B.PixelHeight, 0, 85);
Wr_B.SaveJpeg(FS, Wr_B.PixelWidth, Wr_B.PixelHeight, 0, 85);
FS.Close();
MessageBox.Show("Image has been saved");
}
}
private void button2_Click(object sender, RoutedEventArgs e)
{
BitmapImage Bit_Img = new BitmapImage();
using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
{
using (IsolatedStorageFileStream FS = ISF.OpenFile("Background.png", FileMode.Open, FileAccess.Read))
{
Bit_Img.SetSource(FS);
this.img2.Height = Bit_Img.PixelHeight;
this.img2.Width = Bit_Img.PixelWidth;
}
}
this.img2.Source = Bit_Img;
}
private void button3_Click(object sender, RoutedEventArgs e)
{
using (IsolatedStorageFile ISF = IsolatedStorageFile.GetUserStoreForApplication())
{
using (IsolatedStorageFileStream FS = ISF.OpenFile("Background.png", FileMode.Open, FileAccess.Read))
{
MediaLibrary ML = new MediaLibrary();
Picture pic = ML.SavePicture("SavedBackground.png", FS);
FS.Close();
MessageBox.Show("Image stored to media library");
}
}
PhotoChooserTask PCT = new PhotoChooserTask();
PCT.Show();
}
}
}

Step 7 : In this step we will see the code for the MainPage.xaml file, which is given below.