使用 FirebaseUI 和 Firebase 数据库在 RecyclerView 中显示 CardView答案

【问题标题】：Displaying CardViews inside a RecyclerView using FirebaseUI and Firebase database使用 FirebaseUI 和 Firebase 数据库在 RecyclerView 中显示 CardView
【发布时间】：2018-01-31 23:49:42
【问题描述】：

我试图在 RecyclerView 中显示 CardViews，每张卡片将代表一个奶酪对象。这个奶酪对象有 6 个实例变量。这是我的 Cheese.java ：

public class Cheese {
private String CheeseName;
private String CheeseCountryOfOrigin;
private String CheeseDayMade;
private String CheeseDayExpire;
private String CheeseDescription ;
private String CheesePrice;


public Cheese(){}  //Required for firebase

public Cheese(String CheeseName, String CheeseCountryOfOrigin, String CheeseDayMade, String CheeseDayExpire, String CheeseDescription, String CheesePrice) {
    this.CheeseName = CheeseName;
    this.CheeseCountryOfOrigin = CheeseCountryOfOrigin;
    this.CheeseDayMade = CheeseDayMade;
    this.CheeseDayExpire = CheeseDayExpire;
    this.CheeseDescription = CheeseDescription;
    this.CheesePrice = CheesePrice;
}

public String getCheeseName() {
    return CheeseName;
}

public String getCheeseCountryOfOrigin() {
    return CheeseCountryOfOrigin;
}

public String getCheeseDayMade() {
    return CheeseDayMade;
}

public String getCheeseDayExpire() {
    return CheeseDayExpire;
}

public String getCheeseDescription() {
    return CheeseDescription;
}

public String getCheesePrice() {
    return CheesePrice;
}

} 这是我的 cheese_card.xml（我硬编码了一些 android:text 以便更好地理解）：cheese_card.xml

我的 RecyclerView 在一个片段中。

这是我的片段： fragment_cheeses_list.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/cheeses_recycler"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical">
</android.support.v7.widget.RecyclerView>

我所有的奶酪项目都已经在我的 Firebase 实时数据库中。为了让我的生活更简单，我尝试使用 FirebaseUI 用我的 Firebase 数据库中的数据填充我的 RecyclerView。

这是我的 CheesesListFragment.java，显示在我的 MainActivity 中：

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.widget.CardView;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.firebase.ui.database.FirebaseRecyclerAdapter;
import com.firebase.ui.database.FirebaseRecyclerOptions;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.Query;


public class CheeseListFragment extends Fragment {
private static final String TAG = "CheesesListFragment";

private FirebaseDatabase aFirebaseDatabase;
private DatabaseReference aCheesesDatabaseReference;


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    Log.e(TAG, "onCreateView Started Successfully");

    //Create the recycler view object
    RecyclerView cheesesRecycler = (RecyclerView) inflater.inflate(R.layout.fragment_cheeses_list, container, false);

    //Add a grid layout manager to the recycler view
    GridLayoutManager layoutManager = new GridLayoutManager(getActivity(), 1);
    cheesesRecycler.setLayoutManager(layoutManager);

    cheesesRecycler.setHasFixedSize(true);

    aFirebaseDatabase = FirebaseDatabase.getInstance();
    aCheesesDatabaseReference = aFirebaseDatabase.getReference().child("cheeses");

    //Query the cheeses in firebase db using firebaseUI instead of addChildEventListener
    Query query = aCheesesDatabaseReference;

    //configuration for the FirebaseRecyclerAdapter
    FirebaseRecyclerOptions<Cheese> options =
            new FirebaseRecyclerOptions.Builder<Cheese>()
                    .setQuery(query, Cheese.class)
                    .build();

    FirebaseRecyclerAdapter adapter = new FirebaseRecyclerAdapter<Cheese, CheeseViewHolder>(options) {
        @Override
        public CheeseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            // Create a new instance of the ViewHolder, in this case we are using a custom
            // layout called R.layout.cheese_card for each item

            CardView cv = (CardView) LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.cheese_card, parent, false);

            return new CheeseViewHolder(cv);
        }

        @Override
        protected void onBindViewHolder(CheeseViewHolder holder, int position, Cheese model) {
            CheeseViewHolder myHolder = (CheeseViewHolder)holder;

            myHolder.cheeseName.setText(model.getCheeseName());
            myHolder.cheeseCountryOfOrigin.setText(model.getCheeseCountryOfOrigin());
            myHolder.cheeseDayMade.setText(model.getCheeseDayMade());
            myHolder.cheeseDayExpire.setText(model.getCheeseDayExpire());
            myHolder.cheeseDescription.setText(model.getCheeseDescription());
            myHolder.cheesePrice.setText(model.getCheesePrice());
        }
    };

    //Set the adapter to the recycle View
    cheesesRecycler.setAdapter(adapter);

    return cheesesRecycler;
}

public static class CheeseViewHolder extends RecyclerView.ViewHolder {
    CardView cardView;

    TextView CheeseName;
    TextView CheeseCountryOfOrigin;
    TextView CheeseDayMade;
    TextView CheeseDayExpire;
    TextView CheeseDescription;
    TextView CheesePrice;

    public CheeseViewHolder (CardView v){
        super(v);
        cardView = v;

        CheeseName = (TextView)cardView.findViewById(R.id.cheese_name);
        CheeseCountryOfOrigin= (TextView)cardView.findViewById(R.id.cheese_origin);
        CheeseDayMade= (TextView)cardView.findViewById(R.id.cheese_day_made);
        CheeseDayExpire= (TextView)cardView.findViewById(R.id.cheese_day_expire);
        CheeseDescription= (TextView)cardView.findViewById(R.id.cheese_description);
        CheesePrice= (TextView)cardView.findViewById(R.id.cheese_price);
    }

}

}

所以我的问题是：（欢迎回答任何问题并且非常有帮助）

如果我做对了，onCreateViewHolder 应该使用我的 cheese_card.xml 为我的 Cheese 对象制作 ViewHolders。如果是这样，假设我删除 onBindingViewHolder，我是否会看到很多看起来像我的 cheese_card.xml 的视图持有者？
在 onBindingViewHolder 中的 setText 中：如何让我的 TextViews 从我的 firebase 中获取值？
我是编程新手，不确定 onCreateViewHolder、onBindingHolder 和 cheesesViewHolder。我不确定我在那里写的每个代码是什么意思，因为其中一些是复制粘贴的。如果我全都错了，请你解释一下如何我能达到我想要的结果吗？我做错了什么？

提前谢谢你:)

【问题讨论】：

标签： java android firebase-realtime-database android-recyclerview firebaseui

【解决方案1】：

修改onBindingViewHolder 和cheesesViewHolder。因为在onBindingViewHolder 中，您将使用Views 而不是Views 与ids 绑定数据。将Views 与ids 绑定在cheesesViewHolder 内。例如：

CardView cardView;
TextView cheese_name;
TextView cheese_origin;

public CheeseViewHolder(CardView v) {
    super(v);
    cardView = v;
    cheese_name = (TextView) cardView.findViewById(R.id.cheese_name);
    cheese_origin = (TextView) cardView.findViewById(R.id.cheese_origin);
    // and so on...
}

然后在onBindingViewHolder 里面你会做这样的事情：

@Override
    protected void onBindViewHolder(CheeseViewHolder holder, int position, Cheese model) {
     cheesesViewHolder myHolder = (cheesesViewHolder)holder;
     myHolder.cheese_name.setText(model.getCheeseName());
     myHolder. cheese_origin.setText(model.getCheeseOrigin());
     //and so on...
}

【讨论】：

我尝试了上面的建议，但是，当我运行代码时，我的 RecyclerView 没有显示任何卡片
这可能有很多原因。我建议您如何修复适配器代码，但这并不意味着应用程序将成功运行，因为在其他地方也可能存在问题。例如：cheesesRecycler.setHasFixedSize(true); - 缺失并尝试使用LinearLayoutManager 而不是GridLayoutManager
谢谢@Yupi，我更新了我的代码，但没有使用 GridLayout，因为我计划将布局更改为连续使用 2 张卡片
还没有，我还需要提供其他信息吗？您可能需要的日志或数据？
是的，如果您遇到有助于发布异常堆栈跟踪的异常。你的static class cheesesViewHolder 和它的构造函数public CheeseViewHolder 有什么不同？不应该一样吗？喜欢CheeseViewHolder

【解决方案2】：

我最终能够解决我的问题并通过添加来启动 onCreateViewHolder 和 onBindViewHolder

adapter.startListening();

到我的 onStart 方法。像这样：

    @Override
public void onStart() {
    super.onStart();
    Log.e(TAG,"onStart Started Successfully");
    adapter.startListening();
}

我使用@Yupi 建议编辑了代码。

【讨论】：