Android StudioエディターでRecyclerViewのコンテンツのプレビューを表示する方法はありますか?


回答:


642

@oRRsは正しいです!

私はAndroid Studio 1.4 RC2を使用しており、カスタムレイアウトを指定できます。

私はカスタムCardViewを試してみましたが、うまくいきました。

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

1
@oRRsコメントを参照してください:tools:listitem = "@ android:layout / simple_list_item_checked"
フィリップデビッド

2
グリッドモードでプレビューする方法はありますか?

27
@sajadこのアプリを試してください:layoutManager = "GridLayoutManager" tools:listitem = "@ layout / layout_list_item_select_seat" app:spanCount = "5"
atabouraya

4
あなたも水平になるように向きを設定したい場合は、次のことができますtools:orientation="horizontal"
Androidデベロッパー

3
指定に加えて、tools:orientation="horizontal"またはstackoverflow.com/questions/35681433/に従ってandroid:orientation="horizontal"指定する必要もありましたapp:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
Michael Osofsky

136

tools 名前空間は、デザイン時の機能(フラグメントに表示するレイアウトなど)またはコンパイル時の動作(XMLリソースに適用する縮小モードなど)を有効にします。これは非常に強力な機能であり、すべてのコードを開発してコンパイルすることはできません。変化を見るための時間

AndroidX [About]と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" />

で導入されたもう1つの優れた機能Android studio 3.0は、リソースを使用してレイアウト構造を簡単に視覚化するために、ツールの属性を介してデータを事前定義すること@tools:sample/*です。

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>

結果:


2
これは詳細で、RecylerViewと互換性があるため、回答としてマークする必要があります。ListViewは現在、まったく使用されていません。
Abhinav Saxena

listitemオプションを表示するには、属性領域の属性タブを少なくする必要がありました。XMLコードに入力するだけです。
ジョージウドセン

1
独自のリストアイテムレイアウトを使用していて、リストアイテムが1つだけ表示されている場合は、レイアウトでlayout_height = "wrap_content"を確認してください。
ジェフリー

1
とりあえず、ListViewを使用してRecyclerViewを使用しない場合にのみ機能します。何か案は?RecyclerViewを台無しにしないように、コピーして貼り付けました。しかし、実際には機能するため、有効なXMLです。
xarlymg89

「@tools:sample / *」は、レイアウトに注入できるプレースホルダーデータの予約済みAndroidリソースタイプです。last_names-一般的な姓。フル公式ドキュメント- developer.android.com/studio/write/...
yoAlex5

4

まず、アイテムXMLに次の行を追加して、アイテムの編集中にリストのプレビューを作成します。

tools:showIn="@layout/activity_my_recyclerview_item"

そして、RecyclerView XMLに次の行を追加して、アイテムがリストでどのように表示されるかをプレビューします。

tools:listitem="@layout/adapter_item"

3

Android Studio 1.3.1以降では、プレビューにデフォルトのリストアイテムが表示されますが、まだ自分で指定することはできません。うまくいけば、それは来るでしょう。


19
AS 1.4では、いくつかの事前定義されたレイアウト(例:tools:listitem = "@ android:layout / simple_list_item_checked")から選択できます。レイアウトエディターでRecyclerViewを右クリックして、[リストコンテンツのプレビュー]を選択します。残念ながら、それでも自分のレイアウトには使用できません。少なくとも私にとっては、レンダリングエラーが発生します。
oRR
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.