Question

I want to show some image and text in RecyclerView row using data binding. Code is running without any error but the data is not showing in the RecyclerView.

reward_item.xml

from

Here is my adapter:

 <?xml version="1.0" encoding="utf-8"?>

    <layout 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">

        <data>
            <import type="android.view.View" />
            <variable
                name="recipes"
                type="com.prasona.android.indiancusine.Model.NameModel" />
        </data>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <android.support.v7.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:cardElevation="5dp"
                app:cardUseCompatPadding="true">


                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <TextView
                        android:id="@+id/name_textView"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="10dp"
                        android:layout_toEndOf="@+id/recipeimageView"
                        android:layout_toRightOf="@+id/recipeimageView"
                        android:text="@{recipes.recipeName}"
                        android:textColor="@android:color/black"
                        android:textSize="18sp" />

                    <ImageView
                        android:id="@+id/recipeimageView"
                        android:layout_width="180dp"
                        android:layout_height="180dp"
                        android:layout_alignParentLeft="true"
                        android:layout_alignParentStart="true"
                        android:layout_alignParentTop="true"
                        app:srcCompat="@drawable/dinner"
                        app:imageUrl="@{image.imageUrl}"/>
                </RelativeLayout>
            </android.support.v7.widget.CardView>
        </LinearLayout>
    </layout>

Answer 1

根本不清楚你想绑定什么。在您的代码中，您有SampleModel类，它似乎是您的行的模型，但在您的布局中，您已声明了Model.NameModel类型的变量配方。稍后在行布局中，您还将使用ImageView的图像变量。

我将假设您的行模型是您在适配器中使用的SampleModel类，它包含文本（对于TextView）和表示该条目的图像URL的String。要进行绑定工作，您应该：

在代码中声明一个SampleModel变量并将其用于您的视图：

<data>
    <import type="android.view.View" />
    <variable
        name="recipes"
        type="the.package.of.the.class.SampleModel" />
</data>

将在布局中使用：

<TextView
    ...
    android:text="@{recipes.recipeName}"/>
<ImageView
    ...
    app:imageUrl="@{recipes.imageUrl}"/>

SampleModel类应该是一个扩展BaseObservable的类，并公开我们上面使用的两个字段：

class SampleModel extends BaseObservable {
    private String recipeName;
    private String imageUrl;

    @Bindable
    public String getRecipeName() {
         return recipeName;
    }

    @Bindable
    public String getImageUrl() {
         return imageUrl;
    }
}

需要更改适配器以使用完全绑定类：

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    RewardItemBinding binding = DataBindingUtil.inflate(LayoutInflater.from(parent.getContext()),
            R.layout.rewarded_item, parent, false);
    // update the ViewHolder constructor to receive a RewardItemBinding parameter instead of the super class
    return new ViewHolder(binding);
}

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    RewardItemBinding viewDataBinding = holder.getViewDataBinding();
    viewDataBinding.setRecipes(model.get(position));
}

这将从模型中设置两个视图的数据。问题在于ImageView没有我们在布局中使用的imageUrl属性的setter，并且绑定框架将不知道如何将数据绑定到视图。要处理此问题，您可以使用如下的BindingAdapter：

// declare this method in one of your classes(notice the static modifier)
@BindingAdapter("imageUrl")
public static void bindImage(ImageView imageView, String imageUrl) {
    // use Glide to setup the image
}

How to bind data to a row in a RecyclerView using data binding?

1 个答案: