ARTICLE

Pick Single Folder in Windows Store Apps Using XAML

Posted by Georgie Webber Articles | Windows Store Apps November 26, 2012
In this article I will show you how to pick a folder in Windows Store Apps.
Reader Level:

This article explain how to pick a folder from the computer local drive in a Windows Store Application using XAML.

In this article I will show how to use a FolderPicker contract to obtain the complete folder, so that its contents can be accessed later.

I have built an application to pick a folder and show it's necessary information such as Name, Created Date and Path of the selected folder.

So, let's start to create a Windows Store Application.

Step 1

Select the Windows Store template using XAML and C#.

Step 2

Create the XAML markup for the UI in the MainPage.XAML page.

<Page

    x:Class="PickAFolder.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:PickAFolder"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d">

 

    <Grid  Background="Black">

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition Height="*"/>

        </Grid.RowDefinitions>

        <Grid x:Name="Input" Grid.Row="0">

            <Button Grid.Row="1" x:Name="PickFolderButton" Content="Pick folder" Margin="40,50,10,0"Click="PickFolderButton_Click"/>

        </Grid>

        <Grid x:Name="Output" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Top">

            <StackPanel Orientation="Vertical">

                <TextBlock x:Name="Name" Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" />

                <TextBlock x:Name="Path" Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" />

                <TextBlock x:Name="Date" Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" />

            </StackPanel>

        </Grid>

    </Grid>

</Page>


Step 3

The code of the MainPage.XAML.cs file:

using System;

using Windows.Storage;

using Windows.Storage.AccessCache;

using Windows.Storage.Pickers;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;

 

namespace PickAFolder

{

    public sealed partial class MainPage : Page

    {

        public MainPage()

        {

            this.InitializeComponent();

        }

        private async void PickFolderButton_Click(object sender, RoutedEventArgs e)

        {

            FolderPicker folderPicker = new FolderPicker();

            folderPicker.SuggestedStartLocation = PickerLocationId.Desktop;

            folderPicker.FileTypeFilter.Add(".docx");

            folderPicker.FileTypeFilter.Add(".xlsx");

            folderPicker.FileTypeFilter.Add(".pptx");

            StorageFolder folder = await folderPicker.PickSingleFolderAsync();

            if (folder != null)

            {

                // Application now has read/write access to all contents in the picked folder (including other sub-folder contents)

                StorageApplicationPermissions.FutureAccessList.AddOrReplace("PickedFolderToken", folder);

                Name.Text = folder.Name + " folder is picked.";

                Path.Text = "Path of Folder is : " + folder.Path;

                Date.Text = "Created Date is : " + folder.DateCreated;

            }

            else

            {

            }

        }

    }

}


Now to explain the above code step-by-step:

  1. Add the following namespaces to the .cs file:
     

    using Windows.Storage;

    using Windows.Storage.AccessCache;

    using Windows.Storage.Pickers;
     

  2. First of all create an object of FolderPikcer to access the folder.

    FolderPicker folderPicker = newFolderPicker();
     
  3. We can also set the default location from where the folder will be picked. Add a filter to the folder properties, as in:
     

    folderPicker.SuggestedStartLocation =PickerLocationId.Desktop;

    folderPicker.FileTypeFilter.Add(".docx");

    folderPicker.FileTypeFilter.Add(".xlsx");

    folderPicker.FileTypeFilter.Add(".pptx");
     

  4. Now, pick the folder using the PickSingleFolderAsync() method. This method allows the user to pick only the single folder from the drives.

    StorageFolder folder = await folderPicker.PickSingleFolderAsync();
     
  5. Then, set read/write access to all contents in the chosen folder (including other sub-folder contents); see:

    if (folder != null)

    {

         // Application now has read/write access to all contents in the picked folder (including other sub-folder contents)

         StorageApplicationPermissions.FutureAccessList.AddOrReplace("PickedFolderToken", folder);

         Name.Text = folder.Name + " folder is picked.";

         Path.Text = "Path of Folder is : " + folder.Path;

         Date.Text = "Created Date is : " + folder.DateCreated;

    }

Step 4

Now, run the application and click on the button display in the UI.

Pick a folder.

Pick-Folder-In-Windows-Store-Apps.jpg

You will see the necessary properties of the chosen folder.

folder-information-in-windows-store-apps.jpg

COMMENT USING

Trending up