如何实现带动态ListTitle的多列表RecyclerView（关联SQLite收藏数据）

Hey there! Let's work through this grouped RecyclerView problem for your favorites aggregation app. From what you've shared, your core goal is to avoid forcing users to scroll through unorganized content by grouping items under dynamic ListTitle headers—creating a new CardView only when a title is encountered for the first time, and appending subsequent items to the existing group. Here's a practical, step-by-step solution:

1. Define Your Data Models #

First, you'll need structured models to represent grouped favorites and their child items. This makes it easy to track which items belong to which ListTitle:

// Child item model (customize fields based on your favorite content type)
public class FavoriteItem {
    private String listTitle;
    private String content;
    // Add other fields like timestamp, URL, etc.

    public FavoriteItem(String listTitle, String content) {
        this.listTitle = listTitle;
        this.content = content;
    }

    // Getters
    public String getListTitle() { return listTitle; }
    public String getContent() { return content; }
}

// Group header model (for the CardView title)
public class FavoriteGroupHeader {
    private String listTitle;

    public FavoriteGroupHeader(String listTitle) {
        this.listTitle = listTitle;
    }

    public String getListTitle() { return listTitle; }
}

2. Preprocess Raw Data Into Grouped List #

Before feeding data to your RecyclerView, convert your flat list of favorites into a combined list of headers and child items. This ensures we only add a CardView header once per ListTitle:

// Example raw data (replace with your actual favorite items)
List<FavoriteItem> rawFavorites = getYourRawFavoriteData();

List<Object> combinedGroupedList = new ArrayList<>();
Set<String> seenTitles = new HashSet<>();

for (FavoriteItem item : rawFavorites) {
    String currentTitle = item.getListTitle();
    // Add header only if we haven't seen this title before
    if (!seenTitles.contains(currentTitle)) {
        combinedGroupedList.add(new FavoriteGroupHeader(currentTitle));
        seenTitles.add(currentTitle);
    }
    // Always add the child item
    combinedGroupedList.add(item);
}

3. Implement the Multi-ViewType RecyclerView Adapter #

Your adapter will handle two view types: the CardView header and the child items. Here's the complete adapter code (building off your existing LoadFavoritesAdapter):

public class LoadFavoritesAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    // Define view types
    private static final int VIEW_TYPE_HEADER = 0;
    private static final int VIEW_TYPE_CHILD = 1;

    private List<Object> mCombinedData;

    public LoadFavoritesAdapter(List<Object> combinedData) {
        this.mCombinedData = combinedData;
    }

    @Override
    public int getItemViewType(int position) {
        return mCombinedData.get(position) instanceof FavoriteGroupHeader
                ? VIEW_TYPE_HEADER
                : VIEW_TYPE_CHILD;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        if (viewType == VIEW_TYPE_HEADER) {
            // Inflate the CardView header layout
            View headerView = inflater.inflate(R.layout.item_favorite_group_header, parent, false);
            return new GroupHeaderViewHolder(headerView);
        } else {
            // Inflate the child item layout
            View childView = inflater.inflate(R.layout.item_favorite_child, parent, false);
            return new ChildItemViewHolder(childView);
        }
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        Object item = mCombinedData.get(position);
        if (holder instanceof GroupHeaderViewHolder) {
            // Bind header data to the CardView
            FavoriteGroupHeader header = (FavoriteGroupHeader) item;
            ((GroupHeaderViewHolder) holder).titleTextView.setText(header.getListTitle());
        } else if (holder instanceof ChildItemViewHolder) {
            // Bind child item data
            FavoriteItem childItem = (FavoriteItem) item;
            ((ChildItemViewHolder) holder).contentTextView.setText(childItem.getContent());
            // Add any other child item bindings here (e.g., icons, timestamps)
        }
    }

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

    // ViewHolder for the CardView header
    static class GroupHeaderViewHolder extends RecyclerView.ViewHolder {
        TextView titleTextView;

        public GroupHeaderViewHolder(@NonNull View itemView) {
            super(itemView);
            titleTextView = itemView.findViewById(R.id.tv_group_title);
        }
    }

    // ViewHolder for child items
    static class ChildItemViewHolder extends RecyclerView.ViewHolder {
        TextView contentTextView;

        public ChildItemViewHolder(@NonNull View itemView) {
            super(itemView);
            contentTextView = itemView.findViewById(R.id.tv_child_content);
        }
    }
}

4. Create Layout Files #

CardView Header Layout (item_favorite_group_header.xml) #

This is the CardView that appears only when a new ListTitle is encountered:

<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="8dp"
    card_view:cardElevation="4dp"
    android:layout_marginHorizontal="8dp"
    android:layout_marginTop="8dp">

    <TextView
        android:id="@+id/tv_group_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:textSize="18sp"
        android:textStyle="bold"
        android:textColor="#000000"/>

</androidx.cardview.widget.CardView>

Child Item Layout (item_favorite_child.xml) #

This is the layout for individual favorite items, aligned with the CardView header:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingHorizontal="16dp"
    android:paddingVertical="12dp"
    android:layout_marginHorizontal="8dp"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_child_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:textColor="#333333"/>

    <!-- Add other child elements here (e.g., favorite icon, timestamp) -->

</LinearLayout>

5. Set Up the RecyclerView #

Finally, attach your adapter to the RecyclerView in your Activity/Fragment:

RecyclerView favoritesRecyclerView = findViewById(R.id.recycler_favorites);
favoritesRecyclerView.setLayoutManager(new LinearLayoutManager(this));
LoadFavoritesAdapter adapter = new LoadFavoritesAdapter(combinedGroupedList);
favoritesRecyclerView.setAdapter(adapter);

Dynamic Updates #

If you need to add new favorites dynamically (e.g., user saves a new item), update the combined list and notify the adapter:

public void addNewFavorite(FavoriteItem newItem) {
    String title = newItem.getListTitle();
    if (!seenTitles.contains(title)) {
        combinedGroupedList.add(new FavoriteGroupHeader(title));
        seenTitles.add(title);
        adapter.notifyItemInserted(combinedGroupedList.size() - 1);
    }
    combinedGroupedList.add(newItem);
    adapter.notifyItemInserted(combinedGroupedList.size() - 1);
}

内容的提问来源于stack exchange，提问作者Jc Yap