【Kotlin】ListViewの使い方 ①テキストを１つ表示する

この記事では「テキストを１つ表示するだけのシンプルな ListView の作成方法」を紹介しています。

複数のテキストや画像を表示する方法はこちらをお読みください。

Java のコードはこちら

開発環境

ListViewSample というプロジェクトを作成して、MainActivity.kt と activity_main.xml がある状態で進めていきます。

ListView の作成方法

方法① strings.xml にリスト項目を用意する

strings.xml に定義したリストを ListView に表示する方法です。

Android Studio 画面左側のプロジェクト構造から app → res → values → strings.xml を開きます。

string-array タグを使ってリスト項目を用意します。

activity_main.xml に ListView を用意して entries 属性に先ほど用意した配列をセットします。

以上で完了です。

方法② Kotlin コードでリスト項目を作成する

MainActivity.kt で配列を用意して ListView に表示する方法です。 

activity_main.xml に ListView を用意して id 属性を指定します。（10行目）

MainActivity.kt では配列を用意して ListView にセットします。

14 行目

項目に変更を加える場合は mutableListOf に変更します。（あとで紹介します。）

21 行目

今回は List 配列で用意したデータを使うので ArrayAdapter を使います。

複数のテキストや画像を表示する場合など、マップで用意したデータを使うときは SimpleAdapter を使います。

23 行目

android.R.layout.simple_list_item_1 は標準で用意されているリスト項目のレイアウトで、TextView が１つあるだけのレイアウトです。

以上で完了です。

クリックイベントの書き方

項目を選択したときに処理を行うには setOnItemClickListener を使います。

以下のサンプルでは、選択した項目名を取得して Toast を表示しています。

実行結果

項目名の取得は view オブジェクトを使って

${(view as TextView).text}

や

${view.findViewById(android.R.id.text1).text}

と書くこともできます。

項目を追加・削除する方法

リスト項目の追加・削除には add, remove メソッドを使います。（20・21行目）

data 配列は MutableList にすることにご注意ください。（6行目）

関連記事

• テキストを２つ表示するサンプル
• 画像とテキストを表示するサンプル
• 検索できるようにするサンプル

Sara

運営者

XYouTubeContact

書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
主な使用言語：Java / Kotlin / PHP
>> 詳しいプロフィール
>> お問い合わせ
>> 書籍を出版しました！