如何在CardView中展示FireStore数组数据？求动态适配方案

嘿，我来给你几个实用的解决方案，完美适配你这种条目数量不固定（2-12条）、要在CardView里展示FireStore数组数据的场景～

ListView嵌套在CardView里容易出现滚动冲突、高度计算异常的问题，而RecyclerView天生就是为动态列表设计的，灵活性和性能都更优，完全适配你的需求。

1. 编写CardView+RecyclerView的布局 #

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardElevation="4dp"
    app:cardCornerRadius="8dp"
    android:layout_margin="16dp">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/item_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="8dp"/>

</android.support.v7.widget.CardView>

2. 设计RecyclerView的单个条目布局 #

比如你要展示文本，就写个简单的item_list_layout.xml：

<TextView
    android:id="@+id/item_text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="12dp"
    android:textSize="16sp"/>

3. 实现RecyclerView的Adapter和ViewHolder #

public class ItemAdapter extends RecyclerView.Adapter<ItemAdapter.ItemViewHolder> {
    private List<String> itemList; // 换成你从FireStore获取的实际数据类型

    public ItemAdapter(List<String> itemList) {
        this.itemList = itemList;
    }

    @NonNull
    @Override
    public ItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_list_layout, parent, false);
        return new ItemViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ItemViewHolder holder, int position) {
        String item = itemList.get(position);
        holder.itemText.setText(item);
        // 如果是自定义对象，这里可以设置更多UI元素，比如图片、副标题等
    }

    @Override
    public int getItemCount() {
        return itemList.size();
    }

    public static class ItemViewHolder extends RecyclerView.ViewHolder {
        TextView itemText;

        public ItemViewHolder(@NonNull View itemView) {
            super(itemView);
            itemText = itemView.findViewById(R.id.item_text);
        }
    }
}

4. 在Activity/Fragment中初始化 #

// 假设你已经从FireStore拿到了数据列表List<String> fireStoreData
RecyclerView recyclerView = findViewById(R.id.item_recycler_view);
// 设置垂直布局，也可以换成GridLayoutManager实现多列展示
recyclerView.setLayoutManager(new LinearLayoutManager(this));
ItemAdapter adapter = new ItemAdapter(fireStoreData);
recyclerView.setAdapter(adapter);

如果你的条目数量不多（2-12条完全符合），这种方式更简单，不用写Adapter，直接生成View添加即可。

1. 编写CardView+LinearLayout的布局 #

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardElevation="4dp"
    app:cardCornerRadius="8dp"
    android:layout_margin="16dp">

    <LinearLayout
        android:id="@+id/item_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="8dp"/>

</android.support.v7.widget.CardView>

2. 代码中动态添加条目 #

LinearLayout container = findViewById(R.id.item_container);
List<String> fireStoreData = ...; // 从FireStore获取的数据
LayoutInflater inflater = LayoutInflater.from(this);

for (String item : fireStoreData) {
    // 加载单个条目布局
    View itemView = inflater.inflate(R.layout.item_list_layout, container, false);
    TextView itemText = itemView.findViewById(R.id.item_text);
    itemText.setText(item);
    // 还可以给每个条目加点击事件
    itemView.setOnClickListener(v -> {
        // 处理点击逻辑
    });
    container.addView(itemView);
}

如果你的条目内容比较短，想要自动换行排列（比如标签类展示），可以用FlowLayout来实现，视觉效果更紧凑美观。

用法和方案二类似，把LinearLayout换成FlowLayout，然后遍历数据添加子View即可，这里就不展开代码啦～

为啥不推荐ListView嵌套？ #

ListView自带滚动机制，嵌套在CardView里容易出现滚动冲突，而且它的高度计算经常出问题，导致条目显示不全。RecyclerView可以完美设置wrap_content高度，适配CardView的包裹需求，性能也更好。

内容的提问来源于stack exchange，提问作者Dheeraj Rijhwani