Xamarin.Androidでリスト表示をする

月曜日 , 24, 3月 2014 Leave a comment

 Xamarin.Androidでリスト表示するためにはListViewクラスを使用します。

 以下の画像のように文字列のリスト(配列)を並べて表示します。

 

005

 

 以下がシンプルに文字列をリスト表示するための手順です。

 

1.画面にListViewを配置する

2.ListViewの一つ一つのアイテムのテンプレートになるファイルを用意する

3.C#コードでリストのアイテムを作成してセットする

 

1.画面にListViewを配置する

 

 画面表示用のaxmlファイルに以下のようにListViewを追加します。

 

     <ListView
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/listView1"/>

 

2.ListViewの一つ一つのアイテムのテンプレートになるファイルを用意する

 

 ResourcesのLayoutフォルダ以下に新しいXMLファイルを追加します。

(サンプルではListViewItemTemplate.xmlとしました)

006

 

 

007

 ListViewItemTemplate.xmlを編集します。

 

<?xml version="1.0" encoding="utf-8" ?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/textItem"
    android:textSize="30sp"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

 

 ListViewの一つ一つのアイテムはTextViewを一つ持つ場合の記述です。

 

3.C#コードでリストのアイテムを作成してセットする

 

 最後にC#コードでリストを表示してあげます。

 

 

            var list = FindViewById<ListView>(Resource.Id.listView1);

            var items = new string[] { "List1", "List2", "List3", "List4", "List1", "List2", "List3", "List4", "List1", "List2", "List3", "List4", "List1", "List2", "List3", "List4" };
            list.Adapter = new ArrayAdapter<String>(this, Resource.Layout.ListViewItemTemplate, items);

 

 実行すると画像のように文字をリスト表示することができます。

 

008

 

 サンプルはGitHubに公開してあります。

 


Please give us your valuable comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください