Apakah ada cara untuk menampilkan pratinjau konten RecyclerView di editor Android Studio?

295

Ketika saya menambahkan RecyclerView ke tata letak, itu muncul sebagai layar kosong. Apakah ada cara, seperti melalui toolsnamespace, untuk menampilkan pratinjau konten RecyclerView?

— nclarkclt
sumber

642

@RRs benar!

Saya menggunakan Android Studio 1.4 RC2 dan sekarang Anda dapat menentukan tata letak khusus.

Saya mencoba CardView kustom dan berhasil.

tools:listitem="@android:layout/simple_list_item_checked"

— Philippe David
sumber

1

Lihat komentar @oRR: tools: listitem = "@ android: layout / simple_list_item_checked"

— Philippe David

2

apakah ada cara untuk melihat pratinjau dalam mode kisi?

27

@sajad coba aplikasi ini: layoutManager = "GridLayoutManager" alat: listitem = "@ layout / layout_list_item_select_seat" app: spanCount = "5"

— atabouraya

4

Jika Anda juga ingin mengatur orientasi menjadi horizontal, Anda dapat:tools:orientation="horizontal"

— Pengembang Android

3

Selain menentukan tools:orientation="horizontal"atau android:orientation="horizontal"saya juga harus menentukan app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"sesuai stackoverflow.com/questions/35681433/...

— Michael Osofsky

136

tools namespace memungkinkan fitur desain-waktu (seperti tata letak mana yang ditampilkan dalam sebuah fragmen) atau perilaku waktu kompilasi (seperti mode penyusutan yang diterapkan ke sumber daya XML Anda) Ini adalah fitur yang sangat kuat yang sedang berkembang dan memungkinkan Anda tidak mengkompilasi kode setiap saatnya melihat perubahan

AndroidX ^[Tentang] dan GridLayoutManager

implementation 'androidx.recyclerview:recyclerview:1.1.0'

<androidx.recyclerview.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
    tools:listitem="@layout/item"
    tools:itemCount="10"
    tools:orientation="vertical"
    tools:scrollbars="vertical"
    tools:spanCount="3"/>

Dukungan dan LinearLayoutManager

implementation 'com.android.support:recyclerview-v7:28.0.0'


<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"
    android:layout_height="wrap_content"

    tools:layoutManager="android.support.v7.widget.LinearLayoutManager"
    tools:listitem="@layout/item"
    tools:itemCount="3"
    tools:orientation="horizontal"
    tools:scrollbars="horizontal" />

Fitur keren lain yang diperkenalkan Android studio 3.0adalah mendefinisikan data melalui atribut alat, untuk memvisualisasikan struktur tata letak Anda dengan mudah@tools:sample/* sumber daya dengan mudah

item.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="100dp"
    android:layout_height="150dp"
    android:layout_marginRight="15dp"
    android:layout_marginBottom="10dp"
    android:orientation="vertical"
    tools:background="@tools:sample/backgrounds/scenic">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/colorWhite"
        tools:text="@tools:sample/first_names" />

</FrameLayout>

Hasil:

— yoAlex5
sumber

2

Ini harus ditandai sebagai jawaban, karena terperinci dan kompatibel dengan RecylerView. ListViews tidak digunakan sama sekali saat ini.

— Abhinav Saxena

Saya harus beralih ke tab atribut yang lebih sedikit di area atribut untuk dapat melihat listitemopsi, saya cukup ketik saja ke dalam kode xml!

— George Udosen

1

Jika Anda menggunakan tata letak item daftar Anda sendiri dan Anda hanya melihat satu (1) item daftar kemudian periksa bahwa layout_height = "wrap_content" pada tata letak Anda.

— Jeffrey

1

Menariknya, itu hanya berfungsi untuk saya jika saya menggunakan ListView tetapi tidak dengan RecyclerView. Ada ide¿? Saya menyalin disisipkan untuk memastikan saya tidak mengacaukan segalanya dengan RecyclerView saya. Tapi sebenarnya itu berfungsi, jadi itu adalah XML yang valid.

— xarlymg89

"@tools: sample / *" adalah jenis sumber data reserver android dari placeholder yang bisa Anda masukkan ke dalam tata letak Anda. last_names - Nama belakang umum. Dokumen resmi lengkap - developer.android.com/studio/write/…

— yoAlex5

4

Pertama, tambahkan baris berikut dalam item Anda XML untuk membuat pratinjau daftar Anda saat Anda mengedit item Anda:

tools:showIn="@layout/activity_my_recyclerview_item"

Dan mereka, tambahkan baris berikut di RecyclerView XML Anda untuk melihat dulu bagaimana item Anda akan terlihat dalam daftar Anda:

tools:listitem="@layout/adapter_item"

— Polo Ângelo
sumber

3

Pada Android Studio 1.3.1 itu menunjukkan item daftar default di pratinjau tetapi tidak membiarkan Anda menentukan sendiri. Semoga itu akan datang.

— Gábor
sumber

19

Di AS 1.4 Anda bisa memilih dari beberapa tata letak yang telah ditentukan, misalnya: tools: listitem = "@ android: layout / simple_list_item_checked". Cukup klik kanan RecyclerView di editor tata letak dan pilih "Pratinjau konten daftar". Sayangnya, Anda masih tidak dapat menggunakannya untuk tata letak Anda sendiri, setidaknya bagi saya itu membuat kesalahan render.

— oRR