XML Preview로 RecyclerView 미리보기 가능, Android Studio 팁 공유

Android Studio에서 RecyclerView 미리보기 기능 활용하기

RecyclerView를 사용하다 보면 Android Studio의 미리보기 기능에서 적용한 레이아웃이 어떻게 들어가는지 확인하기 어렵습니다. 이로 인해 매번 빌드해서 테스트해야 하는 번거로움이 있습니다. 하지만 우리의 구글은 이런 것까지 생각해서 도구를 만들어놨습니다.

기본적으로 RecyclerView를 만들고 미리보기를 보면 아래와 같을 것입니다:

recyclerview

여기서 주목해야 할 부분은 'item0', 'item1'입니다. RecyclerView가 어느 공간 안에 잘 맞춰 들어갔는지 확인할 수 없습니다.

미리보기 활성화 방법

이럴 때 사용하는 XML 속성인 tools:itemCount="", tools:listitem=""을 알아보겠습니다.

[STEP 1]: 간단하게 위 RecyclerView에 들어갈 레이아웃을 만듭니다:

item_text.xml

[STEP 2]: RecyclerView를 선언한 XML에서 아래와 같이 넣어줍니다:

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:itemCount="10"
    tools:listitem="@layout/item_text" />

이렇게 한다면, RecyclerView 안에 레이아웃들이 어떻게 보여질지 미리 볼 수 있습니다:

recyclerview preview

추가로 XML layoutManager도 설정이 가능합니다.

물론 개발 완료 후 빌드해서 테스트하는 것은 필연적인 것이지만, 위와 같이 미리보기를 볼 수 있고 없고의 차이는 크다고 생각합니다.