Windows Store App 用户库文件分组

在Windows应用商店应用程序中浏览用户库中的文件时，可以将文件或者文件夹分组显示，以便于进行分类浏览，这类似于音乐库中的文件可以按照艺术家名称、创建日期或者评级等多种方式进行分类。本节内容将会介绍如何对用户库中的文件进行分组。

下面以一个应用程序为例，介绍如何将图片库中的文件根据文件类型进行分组，并显示分组后的结果。

在Visual Studio 2012中新建一个Windows应用商店的空白应用程序项目，并命名为FileGroup。由于应用需要访问图片库，所以首先需要为应用开启图片库访问权限，双击打开项目的package.appxmanifest文件，选择其中的功能选项卡，勾选选项卡中的“图片库”选项，然后保存修改，设置结果如图13-5所示。

图13-5 启用图片库访问功能

从上面的介绍可以知道，本示例不只是对图片库中的文件根据类型的不同进行分组，还要把分组后的结果显示出来，为了实现这些功能，这里在MainPage.xaml文件的Grid元素中添加如下代码，添加一个用于显示文件名称的文本块。

<TextBlock x:Name="ShowTextBlock"  Margin="50,50" FontSize="20"/>

布局好前台界面后，下面来介绍后台功能的实现，在MainPage.xaml.cs文件中添加一个GroupFile方法用于实现图片库中文件的分组操作，具体实现代码如下所示：

private async void GroupFile()

{

    //获得图片库

    StorageFolder pictureFolder = KnownFolders.PicturesLibrary;

    StorageFolderQueryResult result  =   pictureFolder.CreateFolderQuery(CommonFolderQuery.GroupByType);

    //创建可变字符串对象

    StringBuilder builder = new StringBuilder();

//获取文件夹

    IReadOnlyList<StorageFolder> folderlist =  await result.GetFoldersAsync();

    foreach (StorageFolder folder in folderlist)

    {

        IReadOnlyList<StorageFile> filelist = await folder.GetFilesAsync();

        builder.Append(folder.Name + "(" + filelist.Count + ")"+"\n");

        foreach (StorageFile file in filelist)

        {

            builder.Append(" "+file.Name+"\n");

        }

    }

    ShowTextBlock.Text = builder.ToString();

}

方法首先通过KnownFolders类的PicturesLibrary属性获取图片库位置，为了根据文件夹中文件类型的不同进行相应的分组，接下来以CommonFolderQuery枚举的GroupByType成员作为参数，使用CreateFolderQuery方法创建代表分组查询结果的StorageFolderQueryResult类对象result，新建可变字符串builder，并通过GetFoldersAsync方法异步获取result中以文件类型命名的文件夹，将其保存在folderlist集合中，然后使用foreach循环遍历folderlist，调用GetFilesAsync方法获得每个类型文件夹中的所有文件，将文件夹的名称和其中包含文件的数量一同添加到builder中，并依次把各个文件的名称也添加到builder中，最后把builder转换成字符串形式赋值给ShowTextBlock文本块的Text属性，将文件夹和文件名称显示在文本块中。

除了代码中使用的GroupByType，CommonFolderQuery枚举还有其他12个枚举成员，包括GroupByMonth、GroupByAuthor等，这里不再一一列举。

为了能够在应用界面显示的同时显示文件夹和文件的名称，这里在MainPage构造方法中调用GroupFile方法。代码如下所示：

public MainPage()

{

    this.InitializeComponent();

    GroupFile();

}

运行程序，前台界面显示效果如图13-6所示：

图 13-6 图片文件分类效果图

从图13-6中可以看到，界面上显示了JPEG图像和PNG图像两个文件夹，在JPEG图像文件夹中含有三个扩展名为“.jpg”的图片文件，PNG图像文件夹中包含了两个扩展名为 “.png”的图片文件。