在布局预览中使用 ImageView 在 Android Studio 中显示图像

Question

我正在开发一个 Android 应用程序。 我为回收器视图创建了一个项目布局，我想使用带有工具命名空间的布局预览在 Android Studio 中显示它的预览。 为了完成这个任务，我：

1. 在sampledata中sampledata一个图像 (sampledata\\nre1.png)。 这很重要，因为我不想在 apk 中包含示例图像。
2. 在 ImageView 中使用 tools 命名空间在布局预览中显示图像

截图：

和布局 XML：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingLeft="8dp"
    android:paddingTop="8dp"
    android:paddingRight="8dp"
    android:paddingBottom="8dp"
    tools:context=".ui.adapters.BarcodeAdapter">

    <ImageView
        android:id="@+id/item_barcode_nre1_image"
        android:layout_width="wrap_content"
        tools:layout_width="120dp"
        android:layout_height="112dp"
        android:scaleType="fitXY"
        android:layout_marginStart="@dimen/text_margin"
        android:contentDescription="NRE1"
        android:layout_marginTop="4dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/item_barcode_nre_label"
        tools:src="@sample/nre1.png" />

    <ImageView
        android:id="@+id/item_barcode_nre2_image"
        android:layout_width="wrap_content"
        android:layout_height="112dp"
        android:scaleType="fitXY"
        android:layout_marginEnd="@dimen/text_margin"
        android:contentDescription="NRE2"
        android:adjustViewBounds="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@+id/item_barcode_nre1_image"
        tools:src="@sample/nre2.png" />

    <ImageView
        android:id="@+id/item_barcode_codice_fiscale_image"
        android:layout_width="wrap_content"
        android:layout_height="112dp"
        android:scaleType="fitXY"
        android:contentDescription="Codice fiscale"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/item_barcode_codice_fiscale_label"
        tools:src="@sample/codice-fiscale.png"  />

    <TextView
        android:id="@+id/item_barcode_nre_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/text_margin"
        android:text="@string/item_qrcode_nre"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/item_barcode_nre1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:ellipsize="end"
        android:maxLines="10"
        android:textAppearance="@android:style/TextAppearance.Material.Body1"
        app:layout_constraintEnd_toEndOf="@+id/item_barcode_nre1_image"
        app:layout_constraintStart_toEndOf="@+id/item_barcode_nre_label"
        app:layout_constraintStart_toStartOf="@+id/item_barcode_nre1_image"
        app:layout_constraintTop_toBottomOf="@+id/item_barcode_nre1_image"
        tools:text="1300A" />

    <TextView
        android:id="@+id/item_barcode_nre2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:maxLines="10"
        android:layout_marginTop="4dp"
        android:textAppearance="@android:style/TextAppearance.Material.Body1"
        app:layout_constraintEnd_toEndOf="@+id/item_barcode_nre2_image"
        app:layout_constraintHorizontal_bias="0.482"
        app:layout_constraintStart_toStartOf="@+id/item_barcode_nre2_image"
        app:layout_constraintTop_toBottomOf="@+id/item_barcode_nre2_image"
        tools:text="4003535379" />

    <TextView
        android:id="@+id/item_barcode_codice_fiscale_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/text_margin"
        android:text="@string/item_qrcode_codice_fiscale"
        app:layout_constraintStart_toStartOf="@+id/item_barcode_nre_label"
        app:layout_constraintTop_toBottomOf="@+id/item_barcode_nre1" />

    <TextView
        android:id="@+id/item_barcode_codice_fiscale"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:textAlignment="center"
        android:layout_marginTop="4dp"
        android:textAppearance="@android:style/TextAppearance.Material.Body1"
        app:layout_constraintEnd_toEndOf="@+id/item_barcode_codice_fiscale_image"
        app:layout_constraintStart_toStartOf="@+id/item_barcode_codice_fiscale_image"
        app:layout_constraintTop_toBottomOf="@+id/item_barcode_codice_fiscale_image"
        tools:text="CF" />

</androidx.constraintlayout.widget.ConstraintLayout>

我认为我做对了，但它不起作用。 任何的想法？ Tnx。

Answer 1

<ImageView
    android:id="@+id/item_barcode_nre1_image"
    android:layout_width="wrap_content"
    tools:layout_width="120dp"
    android:layout_height="112dp"
    android:scaleType="fitXY"
    android:contentDescription="NRE1"
    android:layout_marginTop="4dp"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/item_barcode_nre_label"
    tools:src="@drawable/ic_launcher_background" />

在我这边工作。 咱们试试吧。 谢谢