有没有办法在 Android Studio 编辑器中显示 RecyclerView 内容的预览？

Question

当我将 RecyclerView 添加到布局时，它显示为空白屏幕。有没有办法，比如通过 tools 命名空间，来显示 RecyclerView 内容的预览？

Answer 1

从 Android Studio 1.3.1 开始，它会在预览中显示默认列表项，但还不允许您指定自己的列表项。希望它会来。

Answer 2

@oRRs 是对的！

我正在使用 Android Studio 1.4 RC2，您现在可以指定任何自定义布局。

我尝试了自定义 CardView 并且它有效。

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

Answer 3

Android 工具和 LayoutManager

tools namespace enables design-time features (such as which layout to show in a fragment) or compile-time behaviors (such as which shrinking mode to apply to your XML resources) It is really powerful feature that is developing and allows you not compile code every time to see changes

AndroidX 和 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"/>

支持库和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" />

Android studio 3.0 中引入的另一个很酷的功能是通过工具属性预定义数据，以便使用 @tools:sample/* resources

轻松可视化您的布局结构

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>

模拟器结果：

Answer 4

首先，在您的项目中添加以下行 XML 以在您编辑项目时预览您的列表：

tools:showIn="@layout/activity_my_recyclerview_item"

然后，在您的 RecyclerView 中添加以下行 XML 以预览您的项目在列表中的外观：

tools:listitem="@layout/adapter_item"

Answer 5

如果您已经有 custom_item 布局：

<androidx.recyclerview.widget.RecyclerView
             android:id="@+id/recyclerView"
             ...
             ...
             **tools:listitem="@layout/name_of_your_custom_item_view"**
             ...>
</androidx.recyclerview.widget.RecyclerView>

有没有办法在 Android Studio 编辑器中显示 RecyclerView 内容的预览？

Is there a way to show a preview of a RecyclerView's contents in the Android Studio editor?

android

android-studio

android-recyclerview

android-tools-namespace

如果您已经有 custom_item 布局：