ListViewとSimpleAdapter使い方

目次へ

ListViewとAdapter

ListViewは複数のデータを表示するのに使いやすい部品です。
データの一つ一つがひとつの項目からなるデータの場合にも、 データの一つが複数の項目からなり、2次元の表のような形になる場合にも使えます。
また、データ自体はAdapterクラスが管理し、Viewとの橋渡しを行います。

ここではSimpleAdapterを使ってListViewに表示させます。 SimpleAdapterを使うことにより、1つのデータの中に複数の項目が含まれていても 全てを簡単に表示できます。
データの型式は、ひとつのデータをMapで作成しそれをArrayListの中に入れていきます。 データがひとつの項目からなるような場合には、ArrayAdapterを使いもっと簡単に表示ができます。 この方法についてはこちらご覧ください。

ListViewとSimpleAdapterの使い方

手順

  • レイアウトファイル(例：activity_main.xml)にListViewを作成します
  • 1行分のデータをどのようなレイアウトで作成するかを示す レイアウトファイル(例：row.xml)を作成します
  • ListViewの1番上にタイトルをつけるなら タイトル用のレイアウトファイル(例：row_header.xml)を作成します
  • ArrayList<Map<String,Object>>の型式にしたデータを作成します
  • SimpleAdapterのインスタンスを作成し、
    • コンテキストと、
    • 1行分のレイアウトファイル(row.xml)と、
    • 各項目を、その中のどこに表示するか
    • データ全体
    を指定し、ListViewにこのインスタンスをセットします。
  • ListViewに表示されているデータを変更した場合には、データの変更だけではListViewの表示 が更新されないために、Adapterが持つnotifyDataSetChangedメソッドを呼び出します。
  • ListViewをタップした時のリスナは、AdapterView.OnItemClickListener、 長押しした時のリスナは、AdapterView.OnItemLongClickListenerですので、 必要なリスナを作成し、setOnItemClickListener、あるいはsetOnItemLongClickListener でListViewにセットします。
  • ListViewの1番上にタイトルをつけるには、addHeaderViewメソッドを使います。

activity_main.xmlの例

ListViewにセットされるデータの数が増えると、自動で縦のスクロールバーが表示されますが、項目数が多くなり、 横にはみ出す場合、横のスクロールバーは自動では表示されませんので、HorizontalScrollViewの中にListViewを いれることで、横のスクロールバーを表示しようとしています。 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/addButton"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="データを追加する"
        android:layout_marginBottom="30dp"
        android:orientation="horizontal"
        app:layout_constraintBottom_toTopOf="@+id/listViewScroll"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <HorizontalScrollView
        android:id="@id/listViewScroll"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="10dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/addButton">

        <ListView
            android:id="@+id/listView1"
           android:layout_marginBottom="50dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </HorizontalScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>
 

row.xmlの例

1行分のデータを入れる場所を指定しているレイアウトファイルです。どのTextViewにどの項目を入れるかは SimpleAdapterのインスタンスを作るときに指定します。 

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

    <TextView
        android:id="@+id/rowId"
        android:layout_width="120dp"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/rowTitle"
        android:layout_width="240dp"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/rowAuthor"
        android:layout_width="120dp"
        android:layout_height="wrap_content" />

 </LinearLayout>

row_header.xmlの例

ListViewの一番上につけるタイトルをここで、指定しています。 

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

    <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="ID" />
    <TextView
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:text="書名" />
    <TextView
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:text="著者名" />

</LinearLayout>

MainActivityの例

この中で、ListViewに表示するデータを作成し、SimpleAdapterを作成し、 ListViewにAdapterをセットます。
ListViewの項目を長押ししたときにはどのデータを長押ししたかを Toastで表示するリスナーをセットしています。
MainActivityクラスがAdapterView.OnItemLongClickListenerを実装しているため このクラスの中にonItemLongClickメソッドを作成しており、ListViewを長押しすると それが呼び出されるようになります。
また、ListViewの1番上には、各項目のタイトルをセットしています。

また、データを追加するボタンをタップしたときには、データを自動で追加し、 すぐに、それをListViewに表示しています。 


import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity 
            implements AdapterView.OnItemLongClickListener{

    ListView listView;
    SimpleAdapter adapter;
    ArrayList<Map<String, Object>> list = 
            new ArrayList<Map<String, Object>>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //------------------------------- ListViewとSimpleAdapter
        listView = findViewById(R.id.listView1);
        View header = (View) getLayoutInflater().inflate
        		(R.layout.row_header, null);
        listView.addHeaderView(header);
        setData();	//データを自動で作成しlistに追加
        adapter = new SimpleAdapter(
                this,
                list,                            //ArrayList
                R.layout.row,                    //ListView内の1行分のレイアウト
                new String[]{"id", "title", "author"},    //1つのデータはmapに格納されているがその項目のキー
                new int[]{R.id.rowId, R.id.rowTitle, R.id.rowAuthor}  //キーに対してrow.xml内のどのidに表示するか
        );
        listView.setAdapter(adapter);    	//ListViewにAdapterをセット
        listView.setOnItemLongClickListener(this);	//長押しした時、MainActivityのonItemLongClickを呼び出す

        //------------------------------- データの追加
        Button addButton = findViewById(R.id.addButton);
        addButton.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view) {
                setData();                      //データを追加
                adapter.notifyDataSetChanged(); //ListViewの値が更新される
            }
        });
    }
    @Override
    public boolean onItemLongClick(AdapterView<?> adapterView, View view, 
    		int position, //positionは表題含めて０から始まる
        	long id) {	//idは表題含めず1行目が０から始まる
        
        Map curr = list.get((int)id);
        String str = "ID:"+curr.get("id") + " Title:" + 
                curr.get("title") + " Author:" + curr.get("author");
        Toast.makeText(this,str,Toast.LENGTH_LONG);

        return true;
    }
    //---------------テストデータ作成
    private void setData() {
        int size = list.size();
        for(int i=size+1; i<size+10; i++) {
            Map map = new HashMap();
            map.put("id",i);
            map.put("title", "初めてのAndroid"+i);
            map.put("author","作者"+i);
            list.add(map);
        }
    }
}

コメント

コメントを投稿

このブログの人気の投稿

ListViewの使い方

イメージ
目次へ ListViewとは ListViewは複数のデータを表示するのに使いやすい部品です。 リスト項目は、リソースからあるいは、プログラムから生成することができます。 リソースとして配列を作成し、それをListViewに表示するだけなら Javaのコードを書かなくともできますが、項目を変更することができません。 項目を変更する必要がある場合には、ArrayAdapterを使い、Javaのコードを書くことになります。 この方法は こちら ご覧ください。 つぎのような画面を作りたい時に、各項目をstring-arrayとしてリソースフィルに作成し、activity_mainには、 ListViewを1つ作成し、android:entriesでstring-arrayのnameを指定します。   strings.xmlの例(リスト項目の配列を作成) <resources> <string name="app_name">>ListViewArray1</string> <string-array name="menu"> <item>ハンバーグ</item> <item>ステーキ</item> <item>カレーライス</item> <item>オムライス</item> <item>ナポリタン</item> <item>カルボナーラ</item> <item>ペスカトーレ</item> <item>グリーンサラダ</item> </string-array> </resources<...
続きを読む

AsyncTaskについて

目次へ AsyncTaskとは Androidでは、ユーザがアプリを起動すると、UIスレッド(メインスレッド)が作成され、 ユーザがタップするなどのイベントが発生すると、メッセージキューにそのイベントが並び、順番に実行されていきます。 そのため、UIスレッド上で実行する処理が非常に長いと、メッセージキューの次に並んでいる処理が実行できなくなるため、 UIスレッドでは、長い処理を行ってはいけないことになっており、通信などの長い時間のかかる処理は 別のスレッドを作成してその中で実行することになります。 しかし、画面の操作などは、UIスレッドでしか実行することができません。 UIスレッド以外のスレッドで、UIオブジェクトを参照したり変更したりするとクラッシュ、その他の不正動作が発生する可能性があります。 そのため、別スレッドからその結果を、画面に表示するなどの場合に使うのが、HandlerあるいはAsyncTaskです。 同じことができますが、ここではAsyncTaskを説明しますので。Handlerについては こちら をご覧ください。 AsyncTaskの実装と実行 AsyncTaskはThreadやRunnableを意識せず、別スレッドで実行したい処理を記述することができ、 さらにUIスレッドで実行する処理も記述できる抽象クラスです。 AsyncTaskの重要なメソッドはdoInBackgroundで、別スレッドで実行したい処理を記述します。 このメソッドは抽象メソッドであり必ず実装する必要があります。 この別スレッドでの処理に応じて画面を操作するために、onPreExecute、onPostExecute、 onProgressUpdateなどのメソッドがあります。 この3つのメソッドに書いた処理はUIスレッドで実行されますので、画面の操作ができます。 これらは、必要が無ければオーバーライドする必要はありません。 doInBackground 　別スレッドで行う処理を書くメソッド onPreExecute 　doInBackgrou...
続きを読む