Tools로 xml layoyt의 preview 제대로 표시하기

Tools on XML layout

reference: 

https://blog.stylingandroid.com/tool-time-part-1-2/?utm_source=Android+Weekly&utm_campaign=97507a2973-EMAIL_CAMPAIGN_2018_01_21&utm_medium=email&utm_term=0_4eb677ad19-97507a2973-338124565

RecyclerView 등과 같은 list는 런타임에서 모양이 정해지기 때문에, 

xml에 작성하면 preview 패널에선 무조건 vertical list로 표시되며 simple string의 dummy item 항목들이 보입니다.

실제 소스는 전혀 그렇지 않음에도 그렇게 표시된다면 상당히 불편하죠. 

그럴 때 쓰는게 Tools namespace입니다. 주요한(내가 쓸 것 같은) 것을 예제로 적었습니다.

Tools는 실제 구현과 무관하게 preview에서 어떻게 보여질 지만을 정해줌으로써

preview를 참고하여 디자인하는데 도움을 줍니다.

<android.support.v7.widget.RecyclerView
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/id_quiz_recycler"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layoutManager="android.support.v7.widget.LinearLayoutManager"
    tools:listitem="@layout/card_quiz"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent" />

위 예제는 아래와 같은 preview를 갖습니다. 내가 지정한 임의의 layout(간단한 CardView)을 item으로 표시해줍니다.

이 외에도 

tools:text

tools:src

를 통해 preview를 보완할 수 있습니다.

앞으로는 ListView를 구현 할 때 레이아웃 변경 때 마다 빌드하여 확인할 일이 없으면 좋겠네요....