KotlinでAndroidアプリのListViewアイテムの背景色を変更する方法【初心者向け解説】

このチュートリアルでは、Kotlinを使用してAndroidアプリのListViewアイテムの背景色を変更する方法を、サンプルコード付きで段階的に解説します。

手順1：新規プロジェクトの作成

まず、Android Studioで新しいプロジェクトを作成します。[File] → [New Project] を選択し、必要な情報を入力してプロジェクトを作成しましょう。

手順2：レイアウトファイル（activity_main.xml）の編集

次に、res/layout/activity_main.xml に以下のコードを追加します。

コード例

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:padding="8dp"
   tools:context=".MainActivity">
<ListView
   android:id="@+id/listView"
   android:layout_width="match_parent"
   android:layout_height="match_parent" />
</RelativeLayout>

手順3：MainActivity.ktの編集

src/MainActivity.kt に以下のコードを追加します。

import android.os.Build
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ArrayAdapter
import android.widget.ListView
class MainActivity : AppCompatActivity() {
   var operatingSystem: Array<String> = arrayOf("Android", "IPhone", "WindowsMobile", "Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X")
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      val listView: ListView = findViewById(R.id.listView)
      val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, operatingSystem)
      listView.adapter = adapter
      listView.setOnItemClickListener { _, view, _, _ ->
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            view.setBackgroundColor(getColor(R.color.colorAccent))
         }
      }
   }
}

このコードでは、ArrayAdapter を使ってListViewに複数のOS名を表示しています。そして setOnItemClickListener を使用することで、リストアイテムがタップされたタイミングで setBackgroundColor() を呼び出し、該当アイテムの背景色をアクセントカラーに変更しています。なお、APIレベル23以降でのみ利用可能な getColor() メソッドを使用しているため、Build.VERSION.SDK_INT によるバージョンチェックを行っています。

手順4：AndroidManifest.xmlの編集

androidManifest.xml に以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="com.example.q11">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

アプリの実行

それでは、アプリケーションを実行してみましょう。ここでは、実際のAndroid端末がパソコンに接続されているものとします。Android Studioからアプリを実行するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーにある実行（Run）アイコン をクリックします。候補から自分のモバイルデバイスを選択すると、端末の画面にアプリの初期画面が表示されます。

リスト内の任意のアイテムをタップすると、そのアイテムの背景色が変更されることが確認できます。