【Kotlin】AndroidのListViewの行間にある区切り線（divider）を削除する方法

この記事では、Kotlinを使用してAndroidのListViewに行間に表示される区切り線（divider）を削除する方法を、実際のコード例とともにわかりやすく解説します。

ポイントは「listView.divider = null」

ListViewでは、デフォルト設定のままだと各項目（行）の間に細い区切り線が表示されます。この区切り線を非表示にしたい場合は、dividerプロパティにnullを代入するだけでOKです。必要に応じてdividerHeightを0に設定する方法も併用できます。

実装手順

ステップ1：新規プロジェクトを作成する

Android Studioを起動し、メニューから「File」→「New Project」を選択します。画面の指示に従って必要な情報を入力し、新しいプロジェクトを作成しましょう。

ステップ2：res/layout/activity_main.xml にコードを追加する

レイアウトファイルに、以下のようにListViewを配置します。

<?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:paddingStart="4dp"
    tools:context=".MainActivity">
<ListView
    android:id="@+id/listView"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"/>
</RelativeLayout>

ステップ3：src/MainActivity.kt にコードを追加する

次にMainActivityを実装します。重要なのは最後の listView.divider = null の一行です。これにより、ListViewの行間に表示される区切り線が完全に消えます。

import android.os.Bundle
import android.widget.ArrayAdapter
import android.widget.ListView
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
    lateinit var listView: ListView
    var mobilePhones = arrayOf("Samsung", "Iphone", "Nokia", "Alcatel", "Blackberry", "Oppo", "Sony")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        title = "KotlinApp"
        listView = findViewById(R.id.listView)
        val adapter: ArrayAdapter<Any?> = ArrayAdapter(this, android.R.layout.simple_list_item_1, android.R.id.text1, mobilePhones)
        listView.adapter = adapter
        listView.divider = null
    }
}

ステップ4：AndroidManifest.xml を確認・編集する

マニフェストファイルは以下のようになります。特に特別な権限は不要ですが、ランチャーアクティビティとしてMainActivityが登録されていることを確認してください。

<?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スマートフォンをパソコンにUSB接続しておいてください。Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。接続したモバイル端末を選択して実行すると、下の画像のように区切り線のないスッキリとしたリストが表示されます。