【Android】ListViewの項目間にある区切り線を削除する方法

はじめに

この記事では、AndroidアプリでListViewの各項目（行）の間に表示される区切り線（ディバイダー）を削除する方法を、サンプルコード付きでわかりやすく解説します。

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

まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」⇒「New Project」を選択し、必要な情報をすべて入力してプロジェクトを作成してください。

手順2：レイアウトファイルの編集

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

手順3：MainActivity.java の編集

次に、src/MainActivity.java に以下のコードを追加します。ポイントは最後の listView.setDivider(null); の1行です。これにより、ListViewの項目間に表示される区切り線が非表示になります。

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends AppCompatActivity {
    ListView listView;
    String[] mobilePhones = new String[] { "Samsung", "Iphone",
    "Nokia", "Alcatel", "Blackberry", "Oppo", "Sony"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = findViewById(R.id.listView);
        ArrayAdapter<String> adapter = new ArrayAdapter<>(this,
        android.R.layout.simple_list_item_1, android.R.id.text1,
        mobilePhones);
        listView.setAdapter(adapter);
        listView.setDivider(null);
    }
}

手順4：AndroidManifest.xml の編集

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

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.sample">
    <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」アイコンをクリックします。表示された選択肢から接続中のモバイルデバイスを選ぶと、端末に以下のような画面が表示されます。

補足：XMLだけで区切り線を消す方法

Javaコードを書かずに、レイアウトXML側だけで区切り線を削除することもできます。ListViewタグに android:divider="@null" を指定すれば、setDivider(null) と同じ効果が得られます。また、区切り線は残しつつ高さだけ調整したい場合は、android:dividerHeight 属性を併用すると便利です。