如何在带有Android的RecyclerView中显示Firestore的数据?
2022-09-03 16:42:05
在使用Android中显示现有Firestore数据库中数据的最佳方式是什么?RecyclerView
这在答案中没有作为完整的解释来涵盖,所以我添加了这个问答风格,以便可以在评论中链接到它。
在使用Android中显示现有Firestore数据库中数据的最佳方式是什么?RecyclerView
这在答案中没有作为完整的解释来涵盖,所以我添加了这个问答风格,以便可以在评论中链接到它。
假设您有一个如下所示的 Firestore 数据库结构:
Firestore-root
|
--- products (collection)
|
--- documentIdOne (document)
| |
| --- productName: "Milk"
|
--- documentIdTwo (document)
| |
| --- productName: "Soy Milk"
|
--- documentIdThree (document)
|
--- productName: "Bacon"
一个模型类,如下所示:
public class ProductModel {
private String productName;
public ProductModel() {}
public ProductModel(String productName) {this.productName = productName;}
public String getProductName() {return productName;}
}
一个包含 该文件,其也如下所示:.XML
RecyclerView
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/recycler_view"/>
要显示所有产品名称,请按照以下步骤操作。
首先,您需要在活动中找到 ,并按如下方式进行设置:RecyclerView
LinearLayoutManager
RecyclerView recyclerView = findViewById(R.id.recycler_view);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
然后,您需要创建 Firestore 数据库的根引用和一个对象,如下所示:Query
FirebaseFirestore rootRef = FirebaseFirestore.getInstance();
Query query = rootRef.collection("products")
.orderBy("productName", Query.Direction.ASCENDING);
然后,您必须创建一个如下对象:FirestoreRecyclerOptions
FirestoreRecyclerOptions<ProductModel> options = new FirestoreRecyclerOptions.Builder<ProductModel>()
.setQuery(query, ProductModel.class)
.build();
在活动类中,创建一个如下所示的类:holder
private class ProductViewHolder extends RecyclerView.ViewHolder {
private View view;
ProductViewHolder(View itemView) {
super(itemView);
view = itemView;
}
void setProductName(String productName) {
TextView textView = view.findViewById(R.id.text_view);
textView.setText(productName);
}
}
然后创建一个声明为全局的:adapter
private FirestoreRecyclerAdapter<ProductModel, ProductViewHolder> adapter;
并在您的活动中实例化它,如下所示:
adapter = new FirestoreRecyclerAdapter<ProductModel, ProductViewHolder>(options) {
@Override
protected void onBindViewHolder(@NonNull holder productViewHolder, int position, @NonNull ProductModel productModel) {
holder.setProductName(productModel.getProductName());
}
@NonNull
@Override
public ProductViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_product, parent, false);
return new ProductViewHolder(view);
}
};
recyclerView.setAdapter(adapter);
最后,不要忘记覆盖以下两种方法并开始侦听更改:
@Override
protected void onStart() {
super.onStart();
adapter.startListening();
}
@Override
protected void onStop() {
super.onStop();
if (adapter != null) {
adapter.stopListening();
}
}
结果是这样的:
编辑:
如果要在用户单击某个项时显示 Toast 消息,请在该类的方法中添加以下代码行:setProductName()
ProductViewHolder
textView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(getApplicationContext(), productName, Toast.LENGTH_SHORT).show();
}
});