How to load image from isolated storage for secondary tile

Question

I am attempting to populate a secondary tile background with an image saved from the PhotoChooserTask, but for some reason I cannot accomplish this. I have referenced a lot of sites but I have not found the proper implementation. All I do is call PhotoChooserTask, and then on the completed event I save the resulting image to isolated storage to be loaded later. This has worked with a HubTile in my application, but for some reason I cannot append the image to a secondary tile. So far what I have is as follows:

MainPage.xaml.cs

string imageFolder = @"\Shared\ShellContent";
string shareJPEG = "shareImage.jpg";

public MainPage()
    {
        InitializeComponent();

        photoChooserTask = new PhotoChooserTask();
        photoChooserTask.Completed += new EventHandler<PhotoResult>(photoChooserTask_Completed);
    }

public void changePictureMenuItem_Tap(object sender, System.Windows.Input.GestureEventArgs e)
    {     
        try
        {
            photoChooserTask.Show();
        }
        catch (System.InvalidOperationException)
        {
            MessageBox.Show("An error occurred");
        }
    }

    void photoChooserTask_Completed(object sender, PhotoResult e)
    {
        if (e.TaskResult == TaskResult.OK)
        {
              //persist the data in isolated storage
                    using (IsolatedStorageFile myIsolatedStorage = IsolatedStorageFile.GetUserStoreForApplication())
                    {
                        if(!myIsolatedStorage.DirectoryExists(imageFolder))
                        {
                            myIsolatedStorage.CreateDirectory(imageFolder);
                        }

                        if (myIsolatedStorage.FileExists(shareJPEG))
                        {
                            myIsolatedStorage.DeleteFile(shareJPEG);
                        }

                        string filePath = System.IO.Path.Combine(imageFolder, shareJPEG);
                        IsolatedStorageFileStream fileStream = myIsolatedStorage.CreateFile(filePath);

                        BitmapImage bitmap = new BitmapImage();
                        bitmap.SetSource(e.ChosenPhoto);
                        WriteableBitmap wb = new WriteableBitmap(bitmap);

                        // Encode WriteableBitmap object to a JPEG stream. 
                        Extensions.SaveJpeg(wb, fileStream, 173, 173, 0, 100);

                        fileStream.Close();
                    }
        }
    }    

private void CreateLiveTile(TileItem item)
    {
        //IsolatedStorageFile myIsolatedStorage = IsolatedStorageFile.GetUserStoreForApplication();
        var title = item.Title.ToString();
        string tileParameter = "Param=" + item.Title.ToString();

        ShellTile Tile = CheckIfTileExist(tileParameter);  // Check if Tile's title has been used             

        if (Tile == null)
        {   
            //this is not working?             
            background = new Uri(@"isostore:/Shared/ShellContent/shareJPEG.png", UriKind.Absolute);
            //background = new Uri("isostore:/Shared/ShellContent/shareJPEG.png", UriKind.Absolute);

            try
            {
                var LiveTile = new StandardTileData
                {
                    Title = item.TileName,                        
                    BackgroundImage = background,  //not working
                    BackTitle = item.TileName,    
                    BackBackgroundImage = new Uri("/background.png", UriKind.Relative),
                    BackContent = item.Message,
                };

                ShellTile.Create(new Uri("/MainPage.xaml?" + tileParameter, UriKind.Relative), LiveTile);                      
        }
    }

Ultimately, the secondary tile is created but there is no image for the BackgroundImage. How would I properly call the isolated strorage path to set the BackgroundImage of the secondary tile accordingly? Or is there something else I should be doing or change?

Answer 1

MainPage.xaml.cs

string imageFolder = @"\Shared\ShellContent"; 
string shareJPEG = "shareImage.jpg"; 

...

private void CreateLiveTile(TileItem item)  
{   
    var title = item.Title.ToString();  
    string tileParameter = "Param=" + item.Title.ToString();  

    ShellTile Tile = CheckIfTileExist(tileParameter);  // Check if Tile's title has been used               

    if (Tile == null)  
    {        
        string filePath = System.IO.Path.Combine(imageFolder, shareJPEG);                
        background = new Uri(@"isostore" + filePath, UriKind.Absolute);    //this worked

        ...

     }
}

Answer 2

Are you sure the image is saved successfully and exists? You save it as jpeg but you reference a png file. Try @"\Shared\ShellContent\shareJPEG.png"

Answer 3

first you should put your image at "\Shared\ShellContent" location. you can use .png or .jpg file

string imageFolder = @"\Shared\ShellContent"; 
string shareJPEG = "shareImage.jpg"; 

...

private void CreateLiveTile(TileItem item)  
{   
    var title = item.Title.ToString();  
    string tileParameter = "Param=" + item.Title.ToString();  

    ShellTile Tile = CheckIfTileExist(tileParameter);

    if (Tile == null)  
    {        
        string filePath = System.IO.Path.Combine(imageFolder, shareJPEG);
        using (var iso = IsolatedStorageFile.GetUserStoreForApplication())
                {
                    if (iso.FileExists(filePath)) // check file exist or not
                        background = new Uri(@"isostore:" + filePath, UriKind.Absolute); 
                } 
        ...

     }
}