안드로이드에서 모서리가 둥근 ListView 만드는 방법

이 튜토리얼에서는 안드로이드 앱에서 모서리가 둥근(rounded corners) ListView를 만드는 방법을 단계별로 살펴봅니다. Drawable 리소스 파일에 그라데이션과 라운드 코너 속성을 정의하고, 이를 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="wrap_content"
      android:layout_centerInParent="true"
      android:layout_centerHorizontal="true">
   </ListView>
</RelativeLayout>

여기서 ListView를 화면 중앙에 배치하기 위해 layout_centerInParent 속성을 사용했습니다.

3단계: MainActivity 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다.

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      ListView listView = findViewById(R.id.listView);
      String[] fruits = new String[]{"Mango","Apple","Grapes","PineApple","Banana","Kiwi", "Orange","Avocado","Strawberry"};
      ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_2, android.R.id.text1, fruits);
      listView.setAdapter(adapter);
      listView.setBackgroundResource(R.drawable.rounded_corners);
   }
}

핵심은 마지막 줄의 setBackgroundResource(R.drawable.rounded_corners) 부분입니다. 이 코드를 통해 ListView에 둥근 모서리 배경 drawable을 적용합니다. 과일 이름 배열을 만들어 ArrayAdapter로 ListView에 연결하는 기본적인 구조도 함께 확인할 수 있습니다.

4단계: 둥근 모서리 Drawable 리소스 생성

res/drawable 폴더에 drawable 리소스 파일을 생성하고, res/drawable/rounded_corners.xml 파일에 아래 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android" android:shape="rectangle">
   <gradient
      android:angle="90"
      android:endColor="#C0C0C0"
      android:startColor="#808080" />
   <corners
      android:bottomLeftRadius="16dp"
      android:bottomRightRadius="16dp"
      android:topLeftRadius="16dp"
      android:topRightRadius="16dp" />
   <stroke
      android:width="1px"
      android:color="#000000" />
</shape>

이 drawable 파일은 세 가지 요소로 구성됩니다.

gradient: 위아래 방향(90도)으로 회색 계열(#808080 → #C0C0C0)의 그라데이션 배경을 적용합니다.
corners: 네 모서리 각각에 16dp의 둥근 반지름을 지정하여 라운드 처리합니다.
stroke: 1px 두께의 검은색 테두리선을 추가합니다.

5단계: 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 Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤, 툴바의 Run(실행) 아이콘을 클릭하세요. 옵션 목록에서 자신의 모바일 기기를 선택하면, 기기 화면에 아래와 같이 모서리가 둥근 ListView가 표시되는 것을 확인할 수 있습니다.

안드로이드에서 모서리가 둥근 ListView 만드는 방법