Kotlin：ListViewの基本的な実装方法！

どうも、ささおです！

 

今回はAndroidのListViewをKotlinで実装する方法をメモしていきます。

 

注：超超初心者向けです！

ListViewとは

ListViewとは、リスト形式でデータを表示させるために使用させるもので、

このようなものです。

iOSならTableViewと呼ばれているものですね。

 

ListView実装の流れ

1, activity_main.xmlにListViewを配置する。

2, MainActivity.ktにactivity_main.xmlに配置したListViewを引っ張ってくる

3, アダプターを生成する。

4, ListViewに生成したアダプターを設定する。

以上です！

 

１、activity_main.xmlにListViewを配置する

activity_main.xmlを開いてください。

標準で配置されているTextViewを削除してください。

 

削除が完了したら、

ListViewを配置してIDを設定してください。

IDは「listView」にしてください。

 

2, MainActivity.ktを編集する

MainActivity.ktを開いてください。

 

1, activity_main.xmlに配置したListViewを引っ張ってくる

val listView = findViewById(R.id.listView) as ListView

findViewById(id)を使用することでxmlファイルからUIを引っ張ってくることができる。

R.id.listViewで先ほど配置したListViewを指定することができる。

最後にasでキャストすることが大切です。

 

2, アダプターを生成する。

アダプターにはListViewに表示する行（item）のレイアウトと、

表示するデータを指定する必要があります。

 

まずは表示するデータを配列形式で準備します。

val dataArray = arrayOf("Kotlin","Android","iOS","Swift","Java")

arrayOfで配列を作成することができます。

 

次にArrayAdapterを作成します。

ArrayAdapter<表示するデータ型>(this, 行レイアウト,  表示するデータ配列)で作成します。

val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, dataArray)

thisに関しては複雑になるので今回は省きます。

android.R.layout.simple_list_item_1は標準搭載されているレイアウトで、シンプルにテキストを表示するものです。

dataArrayは上で作成した配列です。

 

3, ListViewに生成したアダプターを設定する

listView.adapter = adapter

これはシンプルで、

listViewが持っているadapterを入れる枠に、作成したadapterを設定しました。

 

トータルのコード

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.widget.ArrayAdapter
import android.widget.ListView

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val listView = findViewById(R.id.listView) as ListView
        val dataArray = arrayOf("Kotlin","Android","iOS","Swift","Java")
        val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, dataArray)
        listView.adapter = adapter
    }
}

これで終わりです！