WinRTでフォルダ一覧を取得する方法について
質問
回答
-
フォルダーの一覧を取得するのはできていますね (ユーザーがキャンセルしたときの対処が抜けていますが)。
その部分をメソッドに切り出しておくと、次のようになります。private async System.Threading.Tasks.Task<IReadOnlyList<Windows.Storage.StorageFolder>> ユーザーにフォルダーを選択してもらう() { var folderPicker = new Windows.Storage.Pickers.FolderPicker(); folderPicker.ViewMode = Windows.Storage.Pickers.PickerViewMode.List; folderPicker.SuggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.Desktop; folderPicker.FileTypeFilter.Add(".zip"); var folder = await folderPicker.PickSingleFolderAsync(); if (folder == null) return null; // StorageFolder オブジェクトのリストを取得する var storageFolderQueryResults = folder.CreateFolderQuery(Windows.Storage.Search.CommonFolderQuery.DefaultQuery); // フォルダのリストを取得して返す return await storageFolderQueryResults.GetFoldersAsync(); }
得られたフォルダーの一覧は、StorageFolder オブジェクトのコレクションです。
それを、
ListBox1.ItemsSource = folders;
のようにしてリストボックスに与えると、リストボックスの各アイテムにそれぞれの StorageFolder オブジェクトがバインドされます。デフォルトでは、バインドされたオブジェクトの ToString メソッドの結果を表示するので、「Windows.Storage.StrageFolder」という文字列が表示されたのです。
これを解決する方法は 2つあります。
【DisplayMemberPath を指定する】
バインドされたオブジェクトの「Path」プロパティを表示に使え、と指示します。private async void Button1_Click(object sender, RoutedEventArgs e) { IReadOnlyList<Windows.Storage.StorageFolder> folders = await ユーザーにフォルダーを選択してもらう(); // フォルダ一覧の各StorageFolderを、リストボックスの各リストボックスアイテムにバインドする ListBox1.ItemsSource = folders; // DisplayMemberPathを指定して、バインドされたデータの「Path」プロパティを表示させる ListBox1.DisplayMemberPath = "Path"; }
【データテンプレートを使う】
XAMLの側で、バインドされたオブジェクトをどのように表現するかを指定します。
コードビハインド側では ItemsSource に folders をセットするだけです。
private async void Button1_Click(object sender, RoutedEventArgs e) { IReadOnlyList<Windows.Storage.StorageFolder> folders = await ユーザーにフォルダーを選択してもらう(); // フォルダ一覧の各StorageFolderを、リストボックスの各リストボックスアイテムにバインドする // ……略…… // 別解: テンプレートを使う (コードからはバインドするだけ) ListBox2.ItemsSource = folders; }
XAML を次にようにします。
<ListBox x:Name="ListBox2" Width="500"> <ListBox.ItemTemplate> <DataTemplate> <Grid> <TextBlock Foreground="Blue" FontSize="18" FontStyle="Italic" Text="{Binding Path}" /> </Grid> </DataTemplate> </ListBox.ItemTemplate> </ListBox>
以上 2通りの実行結果は、次の画像のようになります。
画面の右側がデータテンプレートを使ったやり方です。文字が色付きでイタリックになっているのが分かります。
バインドしたデータをデータテンプレートで表現するやりかたは、最初は難しく感じるでしょうが、表現力が格段に高まる上に、データを更新するコードが簡単になるというメリットがあります。
データバインディングについては次の記事を参考にしていただければ幸いです。
・WinRT／Metro TIPS：データ・コレクションをバインドするには？
・上の記事の前後の、WinRT／Metro TIPS のバインド関連の記事
・連載：Windowsストア・アプリ開発入門：第5回 データを画面に表示する
biac [ http://bluewatersoft.cocolog-nifty.com/ ]
すべての返信
-
フォルダーの一覧を取得するのはできていますね (ユーザーがキャンセルしたときの対処が抜けていますが)。
その部分をメソッドに切り出しておくと、次のようになります。private async System.Threading.Tasks.Task<IReadOnlyList<Windows.Storage.StorageFolder>> ユーザーにフォルダーを選択してもらう() { var folderPicker = new Windows.Storage.Pickers.FolderPicker(); folderPicker.ViewMode = Windows.Storage.Pickers.PickerViewMode.List; folderPicker.SuggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.Desktop; folderPicker.FileTypeFilter.Add(".zip"); var folder = await folderPicker.PickSingleFolderAsync(); if (folder == null) return null; // StorageFolder オブジェクトのリストを取得する var storageFolderQueryResults = folder.CreateFolderQuery(Windows.Storage.Search.CommonFolderQuery.DefaultQuery); // フォルダのリストを取得して返す return await storageFolderQueryResults.GetFoldersAsync(); }
得られたフォルダーの一覧は、StorageFolder オブジェクトのコレクションです。
それを、
ListBox1.ItemsSource = folders;
のようにしてリストボックスに与えると、リストボックスの各アイテムにそれぞれの StorageFolder オブジェクトがバインドされます。デフォルトでは、バインドされたオブジェクトの ToString メソッドの結果を表示するので、「Windows.Storage.StrageFolder」という文字列が表示されたのです。
これを解決する方法は 2つあります。
【DisplayMemberPath を指定する】
バインドされたオブジェクトの「Path」プロパティを表示に使え、と指示します。private async void Button1_Click(object sender, RoutedEventArgs e) { IReadOnlyList<Windows.Storage.StorageFolder> folders = await ユーザーにフォルダーを選択してもらう(); // フォルダ一覧の各StorageFolderを、リストボックスの各リストボックスアイテムにバインドする ListBox1.ItemsSource = folders; // DisplayMemberPathを指定して、バインドされたデータの「Path」プロパティを表示させる ListBox1.DisplayMemberPath = "Path"; }
【データテンプレートを使う】
XAMLの側で、バインドされたオブジェクトをどのように表現するかを指定します。
コードビハインド側では ItemsSource に folders をセットするだけです。
private async void Button1_Click(object sender, RoutedEventArgs e) { IReadOnlyList<Windows.Storage.StorageFolder> folders = await ユーザーにフォルダーを選択してもらう(); // フォルダ一覧の各StorageFolderを、リストボックスの各リストボックスアイテムにバインドする // ……略…… // 別解: テンプレートを使う (コードからはバインドするだけ) ListBox2.ItemsSource = folders; }
XAML を次にようにします。
<ListBox x:Name="ListBox2" Width="500"> <ListBox.ItemTemplate> <DataTemplate> <Grid> <TextBlock Foreground="Blue" FontSize="18" FontStyle="Italic" Text="{Binding Path}" /> </Grid> </DataTemplate> </ListBox.ItemTemplate> </ListBox>
以上 2通りの実行結果は、次の画像のようになります。
画面の右側がデータテンプレートを使ったやり方です。文字が色付きでイタリックになっているのが分かります。
バインドしたデータをデータテンプレートで表現するやりかたは、最初は難しく感じるでしょうが、表現力が格段に高まる上に、データを更新するコードが簡単になるというメリットがあります。
データバインディングについては次の記事を参考にしていただければ幸いです。
・WinRT／Metro TIPS：データ・コレクションをバインドするには？
・上の記事の前後の、WinRT／Metro TIPS のバインド関連の記事
・連載：Windowsストア・アプリ開発入門：第5回 データを画面に表示する
biac [ http://bluewatersoft.cocolog-nifty.com/ ]
