どうも、ささおです！
今回はAndroidのListViewをKotlinで実装する方法をメモしていきます。
注：超超初心者向けです！
Contents
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を引っ張ってくる
|
1 |
val listView = findViewById(R.id.listView) as ListView |
findViewById(id)を使用することでxmlファイルからUIを引っ張ってくることができる。
R.id.listViewで先ほど配置したListViewを指定することができる。
最後にasでキャストすることが大切です。
2, アダプターを生成する。
アダプターにはListViewに表示する行（item）のレイアウトと、
表示するデータを指定する必要があります。
まずは表示するデータを配列形式で準備します。
|
1 |
val dataArray = arrayOf("Kotlin","Android","iOS","Swift","Java") |
arrayOfで配列を作成することができます。
次にArrayAdapterを作成します。
ArrayAdapter<表示するデータ型>(this, 行レイアウト, 表示するデータ配列)で作成します。
|
1 |
val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, dataArray) |
thisに関しては複雑になるので今回は省きます。
android.R.layout.simple_list_item_1は標準搭載されているレイアウトで、シンプルにテキストを表示するものです。
dataArrayは上で作成した配列です。
3, ListViewに生成したアダプターを設定する
|
1 |
listView.adapter = adapter |
これはシンプルで、
listViewが持っているadapterを入れる枠に、作成したadapterを設定しました。
トータルのコード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
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 } } |
これで終わりです！
