AutoCompleteBoxとLongListSelectorコントロールを使う
2011年8月22日(月)

次に、ソリューションエクスプローラー内のMainPage.xamlを展開し、表示されるMainPage.xaml.vbをダブルクリックしてリスト6のロジックコードを記述します。
ロジックコードを記述する
リスト6 (MainPage.xaml.vb)
01 | Option Strict On |
02 | Imports System.Xml.Linq |
03 |
04 | PersonalInfoクラス内に、文字列型の「氏名」、「読み」、「年齢」、「住所」、「勤務先」、「区切り」プロパティを定義しておきます。 |
05 | Public Class PersonalInfo |
06 | Property 氏名 As String |
07 | Property 読み As String |
08 | Property 年齢 As String |
09 | Property 住所 As String |
10 | Property 勤務先 As String |
11 | Property 区切り As String |
12 | End Class |
13 | Partial Public Class MainPage |
14 | Inherits PhoneApplicationPage |
15 | ~コード略~ |
ページが読み込まれた時の処理
01 | XElement.LoadメソッドでXML文書ファイル(sampleData_Group.xml)を読み込みます。 |
02 | PersonalInfoクラス型の新しいリストであるmyPersonalInfoオブジェクトを生成します。 |
03 | LINQでは、Group By句を使って、クエリーの結果をグループ化できます。構文は次の通りです。 |
04 |
05 | Group [From句で使用する場合の範囲変数] By [グループを決定するためのキーと式] Into [グループ集計方法の式] |
06 |
07 | [グループの集計方法の式]にはInto yomiGroup=Groupと指定しています。yomiGroupは任意の変数名で他の名称でも構いません。コード・エディター上で「yomiGroup=」と入力すると、インテリセンスが働くので「Group」を選択します(図6)。 |
08 | Order by句では並べ替えを指定できます。ここでは「読み」を昇順(Ascending(規定値))で並べ替えています。降順の場合はDescendingを指定します。 |
09 | 定義したクエリーのコレクション内を、変数resultを使って反復処理します。反復処理の過程で、yomiGroupという名前で作成されたグループ(result.yomiGroup)のコレクションが取得されます。この中を、再度、反復処理しながら以下の処理を実行します。result.yomiGroupのyomiGroupは、Group By Into句のInto yomiGroup=Groupで使用した変数です。For Eachステートメントを入れ子にすることがポイントです。 |
10 | PersonalInfoクラスの「氏名、読み、年齢、住所、勤務先」のプロパティに<氏名>、<読み>、<年齢>、<住所>、<勤務先>要素の値を指定します。「区切り」のプロパティには「------------」の文字列を直接指定し、AddメソッドでmyPersonalInfoオブジェクトに追加していきます。 |
11 | 再度クエリーを定義します。PersonalInfoクラスの各プロパティに値の追加された、myPersonalInfoオブジェクトのコレクションに対して、「読み」でグループ化します。PersonalInfo型のmyGroupクラス(後述)の中で定義している処理に従って、myYomiとmyItemsに値を指定して、再グループ化します。コード・エディター内で、myYomi:=またはmyItems:=と入力するとインテリセンスが働いて、値が表示されますので、その中から選択できます(図7)。myYomi:=に指定した値がヘッダの「読み」となり、myItems:=に指定した値が「グループの中身」となります。 |
12 | LongListSelectorのItemsSourceに再グループ化したgroupByを指定します。myGroupクラス内のYomiがグループヘッダとなり、グループの中身はItems.GetEnumrator() で取得しています。 |
13 | Private Sub MainPage_Loaded(sender As Object, e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded |
14 | Dim xmldoc As XElement = XElement.Load("sampleData_Group.xml") |
15 | Dim myPersonalInfo As New List(Of PersonalInfo) |
16 | Dim query = From c In xmldoc.Elements("情報") Order By c.Element("読み").Value Group c By c.Element("読み").Value Into yomiGroup = Group |
17 | |
18 | For Each result In query |
19 | For Each result2 In result.yomiGroup |
20 | With myPersonalInfo |
21 | .Add(New PersonalInfo With {.氏名 = result2.Element("氏名").Value, |
22 | .読み = result2.Element("読み").Value, |
23 | .年齢 = result2.Element("年齢").Value, |
24 | .住所 = result2.Element("住所").Value, |
25 | .勤務先 = result2.Element("勤務先").Value, |
26 | .区切り = "--------------------------"}) |
27 | End With |
28 | Next |
29 | Next |
30 | Dim groupBy = From c In myPersonalInfo Group c By c.読み Into myYomiGroup= Group Select New myGroup(Of PersonalInfo)(myYomi:=読み, myItems:=myYomiGroup) |
31 | LongListSelector1.ItemsSource = groupBy |
32 | End Sub |
33 |
34 | データ型を特定しないジェネリック型のmyGroupクラスを作成します。ジェネリック型IEnumerable(Of T)を実装します。IEnumerable(Of T)は、コレクションに対する単純な反復処理をサポートする列挙子を公開します。 |
35 | Implements IEnumerable(Of T)と記述すると、自動的に下記の2つコードが追加されます。 |
36 |
37 | Public Function GetEnumerator() As System.Collections.Generic.IEnumerator(Of T) Implements System.Collections.Generic.IEnumerable(Of T).GetEnumerator |
38 |
39 | End Function |
40 | |
41 | Public Function GetEnumerator1() As System.Collections.IEnumerator Implements System.Collections.IEnumerable.GetEnumerator |
42 | |
43 | End Function |
44 |
45 | myGroupクラス内で、文字列型のYomiプロパティ(グループヘッダとなる「読み」)と、インデックスによって個別にアクセスできるオブジェクトのコレクションを表すIList(Of T)型のItemsプロパティ(グループの中身)を定義しておきます。YomiとItemsプロパティに値を代入します。これで、「読み」とインデックス付きの「読みのグループ一覧」を保持しています。 |
46 | Equalsメソッドをオーバーライドします。グループヘッダの「読み」がクリックされた時、その「読み」に該当する内容が先頭に表示されます。 |
47 | 自動的に追加された上記2つのコード内では、Items.GetEnumeratorを戻り値としています。これでグループの中身を、反復処理して取得して返しています。 |
48 | Public Class myGroup(Of T) |
49 | Implements IEnumerable(Of T) |
50 | Property Yomi As String |
51 | Property Items As IList(Of T) |
52 | Public Sub New(myYomi As String, myItems As IEnumerable(Of T)) |
53 | Yomi = myYomi |
54 | Items = New List(Of T)(myItems) |
55 | End Sub |
56 | |
57 | Public Overrides Function Equals(obj As Object) As Boolean |
58 | Dim selectData As myGroup(Of T) = TryCast(obj, myGroup(Of T)) |
59 | Return Yomi.Equals(selectData.Yomi) |
60 | End Function |
61 | |
62 | Public Function GetEnumerator() As System.Collections.Generic.IEnumerator(Of T) Implements System.Collections.Generic.IEnumerable(Of T).GetEnumerator |
63 | Return Items.GetEnumerator |
64 | End Function |
65 | |
66 | Public Function GetEnumerator1() As System.Collections.IEnumerator Implements System.Collections.IEnumerable.GetEnumerator |
67 | Return Items.GetEnumerator |
68 | End Function |
69 | End Class |
70 | End Class |
「AutoCompleteBoxとLongListSelectorコントロールを使う」サンプルプログラム_1
「AutoCompleteBoxとLongListSelectorコントロールを使う」サンプルプログラム_2
連載バックナンバー
Think ITメルマガ会員登録受付中
Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。
全文検索エンジンによるおすすめ記事
- ListPickerコントロールを使う
- データを保存し氏名から詳細情報を表示する
- データを保存し表示した電話番号に電話する
- ContextMenuコントロールを使う、加速度センサー、GPSでの位置情報取得
- 「住所の位置をBing Mapsに表示する」と「位置に画像付きピンを表示する」のサンプル
- TransitionEffectを使う、特殊効果を伴ったコントロールの表示(前編)
- ShareLinkTaskを使ったSNSでのリンク共有とHubTileのサンプル
- Chartコントロールでグラフを作成する
- Bing APIを使ってWeb検索とImage検索を実装する
- コントロールの視覚効果とパノラマページの背景画像を変える