DotNetSpeaks - Part 19 - Windows Store - Setting Account Picture

Part 19 - Windows Store - Setting Account Picture

Published:

June 23, 2013 By Sumit Dutta

Visited: 10271

In this article I will talk about changing Account Picture using Windows Store app. One can put video as well in account picture.

Step 1: Create three buttons like below inside Grid of MainPage.xaml.

On click of Set Account Image By File Picker button will open the File Dialog to select the file to be set as account lock picture.

On click of Set Account Image By URL button will download the image from web and set it as account lock picture.

On click of Set Account Image By App Image button will use the image added in the app to set the account lock picture.

Step 2: Add below using directive in MainPage.xaml.cs

using Windows.Storage.Pickers;
using Windows.Storage;
using Windows.System.UserProfile;
using Windows.UI.Popups;
using Windows.Networking.BackgroundTransfer;

Step 3: Create a method SetAccountPicture which will set the account picture using SetAccountPicturesAsync method of UserInformation static class.

SetAccountPicturesAsync takes three parameters, first parameter is for small image, second parameter is for large image and third parameter is for video.

In case of small image, large image or video should be mentioned.

In case of large image, small image will be auto generated.

In case of video, large and small image will be auto generated.

The length of video should be <= 5MB and height and length should be greater than or equal to 448px.

Setting of account picture will fail if it is disallowed in PC settings.

private static async System.Threading.Tasks.Task SetAccountPicture(StorageFile file)
{
   SetAccountPictureResult result;

   if (file.FileType.Equals(".mp4"))
   {
      result = await UserInformation.SetAccountPicturesAsync(null, null, file);
   }
   else
   {
      result = await UserInformation.SetAccountPicturesAsync(null, file, null);
   }

   MessageDialog dlg;

   if (result == SetAccountPictureResult.Success)
   {
      dlg = new MessageDialog("Account picture saved successfully.");
   }
   else
   {
      dlg = new MessageDialog("Account picture could not be changed.");
   }

   await dlg.ShowAsync();
}

Step 4: Create a event handler btnSetAccountImageByFilePicker_Click_1 which will be triggered on click of Set Account Image By File Picker. This will use SetAccountPicture method to set the image as account picture using Windows Store app.

We need to check application is not in snapped state, PickSingleFileAsync method will throw "Error HRESULT E_FAIL has been returned from a call to a COM component." error in snapped state.

private async void btnSetAccountImageByFilePicker_Click_1(object sender, RoutedEventArgs e)
{
   if ((ApplicationView.Value != ApplicationViewState.Snapped) || ApplicationView.TryUnsnap())
   {
      FileOpenPicker imagePicker = new FileOpenPicker
      {
         ViewMode = PickerViewMode.Thumbnail,
         SuggestedStartLocation = PickerLocationId.PicturesLibrary,
         FileTypeFilter = { ".jpg", ".jpeg", ".png", ".bmp", ".mp4" }
      };

      StorageFile file = await imagePicker.PickSingleFileAsync();

      if (file != null)
      {
         await SetAccountPicture(file);
      }
   }
}

Step 5: Add btnSetAccountImageByURL_Click_1 method which will be triggered on click of Set Account Image By URL button. The image will be downloaded from the specified url before setting as account picture. This will use SetAccountPicture method to set the image as account picture using Windows Store app.

private async void btnSetAccountImageByURL_Click_1(object sender, RoutedEventArgs e)
{
   string imgURL = http://www.dotnetspeaks.com/Lockscreenurl.jpg;
   StorageFolder storageFolder = Windows.Storage.ApplicationData.Current.LocalFolder;
   StorageFile file = await storageFolder.CreateFileAsync("myImage", CreationCollisionOption.GenerateUniqueName);
   BackgroundDownloader downloader = new BackgroundDownloader();
   DownloadOperation d = downloader.CreateDownload(new Uri(imgURL), file);

   await d.StartAsync();
   await SetAccountPicture(file);
}

Step 6: Add an image in the app and name it of your choice. I have named it as xyz.png.

Step 7: Add btnSetAccountImageByAppImage_Click_1 event handler which will be triggered on click of Set Account Image By App Image button. This will use SetAccountPicture method to set the image as account picture using Windows Store app.

private async void btnSetAccountImageByAppImage_Click_1(object sender, RoutedEventArgs e)
{
   string imgURL = "ms-appx:///xyz.png";
   StorageFolder storageFolder = Windows.Storage.ApplicationData.Current.LocalFolder;
   StorageFile file = await StorageFile.GetFileFromApplicationUriAsync(new Uri(imgURL));
   await SetAccountPicture(file);
}

This ends the article of setting account picture using Windows Store App.

Like us if you find this post useful. Thanks!

Part 10 - Windows Store - Styling of FlipView