Kotlin으로 안드로이드 ListView 항목 사이의 구분선 제거하기

안드로이드 앱에서 ListView를 사용하다 보면 각 항목 사이에 기본적으로 표시되는 가로 구분선(divider)이 디자인에 어울리지 않는 경우가 있습니다. 이 글에서는 Kotlin을 사용해 ListView 항목 사이의 구분선을 간단하게 제거하는 방법을 단계별로 살펴보겠습니다.

핵심 원리

ListView의 구분선은 divider 속성으로 관리됩니다. 코드에서 listView.divider = null 한 줄만 추가하면 구분선이 완전히 사라집니다. XML에서 처리하고 싶다면 android:divider="@null" 또는 android:dividerHeight="0dp"를 사용할 수도 있습니다.

Step 1 — 새 프로젝트 생성

Android Studio를 실행한 뒤, 상단 메뉴에서 File → New Project를 선택하고 필요한 정보를 모두 입력해 새 프로젝트를 생성합니다. 언어는 Kotlin으로 지정합니다.

Step 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:paddingStart="4dp"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/listView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"/>

</RelativeLayout>

Step 3 — MainActivity.kt 작성

src/MainActivity.kt 파일에 아래 코드를 추가합니다. 여기서 핵심은 마지막 부분의 listView.divider = null입니다. 이 코드가 항목 사이의 구분선을 제거합니다.

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
    }
}

Step 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 Studio 툴바의 Run(실행) 버튼을 클릭합니다. 실행할 기기 목록에서 연결된 모바일 기기를 선택하면, 앱이 빌드되어 기기에 설치되고 화면에 ListView가 표시됩니다.

정상적으로 적용되었다면 리스트 항목들 사이에 있던 회색 구분선이 사라진 것을 확인할 수 있습니다.

추가 팁

구분선을 완전히 없애는 대신 색상이나 두께만 조절하고 싶다면 아래 방법을 사용할 수 있습니다.

XML 방식: android:divider="#FF0000", android:dividerHeight="2dp"
Kotlin 방식: listView.divider = ColorDrawable(Color.RED), listView.dividerHeight = 2

이처럼 divider 속성 하나만 잘 활용하면 ListView의 구분선을 자유롭게 커스터마이징할 수 있습니다.