	ブログをはじめるログイン

2014年05月22日｜ 2014年06月06日｜2014年06月10日ブログトップ

AdapterでListViewにデータをバインドしてみる　 [Android]

便利なバインディング機能

Androidアプリを開発する上で、利用頻度がかなり高いと思われるListViewですが。アダプタによるバインディングで、効率的にリストを作成することができます。

メイン画面のレイアウト

res/layout/main.xml

<LinearLayout xmlns:android="<a href="http://schemas.android.com/apk/res/android"" target="_blank">http://schemas.android.com/apk/res/android"</a>
    xmlns:tools="<a href="http://schemas.android.com/tools"" target="_blank">http://schemas.android.com/tools"</a>
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="${packageName}.${activityClass}" >

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

まずはレイアウトを定義していきましょう。メイン画面のグループレイアウトにListViewを追加します。idはlistViewとしておきましょう。

アイテムのレイアウト

res/layout/items.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="<a href="http://schemas.android.com/apk/res/android"" target="_blank">http://schemas.android.com/apk/res/android"</a>
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/waza"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

続いて、ListViewに追加するアイテムのレイアウトを定義してきます。新規のレイアウトを作成し、TextViewを二つ用意しました。それぞれにnameとwazaというidを定義しておきました。

アダプタの準備

DragonBallAdapter.java

package com.example.andsample;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.content.Context;
import android.widget.SimpleAdapter;

public class DragonBallAdapter extends SimpleAdapter {

    public DragonBallAdapter(Context context) {
        super(context, getItems(), R.layout.items
                , new String[] { "name", "waza" }
                , new int[] { R.id.name, R.id.waza });
    }

    private static List<? extends Map<String, ?>> getItems() {
        String[][] data = {
                new String[] { "悟空", "元気玉" },
                new String[] { "べジータ", "ファイナルシャインアタック" },
                new String[] { "悟飯", "魔閃光" },
                new String[] { "ピッコロ", "魔貫光殺砲" },
                new String[] { "クリリン", "気円斬" },
                new String[] { "ヤムチャ", "繰気弾" },
                new String[] { "天津飯", "気功砲" },
                new String[] { "亀仙人", "かめはめ波" },
        };

        List<Map<String, String>> list = new ArrayList<Map<String, String>>();
        for (String[] strings : data) {
            Map<String, String> map = new HashMap<String, String>();
            map.put("name", strings[0]);
            map.put("waza", strings[1]);
            list.add(map);
        }
        return list;
    }
}

新規でSimpleAdapterを継承したDragonBallAdapterクラスを作成します。早速、コンストラクタで初期データをバインドしています。では、SimpleAdapterのコンストラクタに渡すパラメータを見ていきましょう。

第二引数は、実際にバインドするデータです。List<? extends Map<String, ?>>で指定しますが、やや処理が込み入っているため、メソッドで外出しにしています。戻り値のListが、メイン画面のListView。中身のMapがアイテムのTextViewに紐付いているイメージです。

第三引数は、バインド対象のレイアウトを指定します。先ほど作成したアイテムのレイアウトのid、R.layout.itemsを指定します。

第四引数は、第二引数でバインドしたMapのキーを指定します。そして第五引数でアイテムのTextViewのidと紐付けていきます。

アダプタを呼出してデータをバインド

MainFragment.java

package com.example.andsample;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;

public class MainFragment extends Fragment {

    private Context context;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.main, container, false);
        ListView list = (ListView) view.findViewById(R.id.listView);
        list.setAdapter(new DragonBallAdapter(context));
        return view;
    }

    @Override
    public void onAttach(Activity activity) {
        context = activity;
        super.onAttach(activity);
    }
}

トップ画面のフラグメントを作成します。ListViewを取得し、setAdapterメソッドでアダプタを渡してデータをバインドします。あとは以前、紹介した方法でアクティビティと紐付けおきます。