如何为继承ArrayAdapter的自定义适配器实现ListView分组？

Hey there! Let's get that ListView grouping working for you—since you're using an ArrayAdapter instead of BaseAdapter, we can tweak your existing code to support sections without needing incompatible external modules. Here's a step-by-step solution tailored to your setup:

1. Update Your Data Model to Distinguish Sections #

First, modify your Item class to add a flag that tells us if an entry is a section header or a regular list item:

public class Item {
    private String profileItem;
    private int profileImage;
    private boolean isSectionHeader; // New flag to identify headers

    // Constructor for regular list items
    public Item(String profileItem, int profileImage) {
        this.profileItem = profileItem;
        this.profileImage = profileImage;
        this.isSectionHeader = false;
    }

    // Constructor for section headers (no image needed)
    public Item(String sectionTitle) {
        this.profileItem = sectionTitle;
        this.isSectionHeader = true;
    }

    // Getters for all fields
    public String getProfileItem() { return profileItem; }
    public int getProfileImage() { return profileImage; }
    public boolean isSectionHeader() { return isSectionHeader; }
}

2. Modify Your CustomArrayAdapter to Handle Two View Types #

Update your adapter to recognize section headers and regular items, inflate different layouts for each, and properly recycle views:

public class CustomArrayAdapter extends ArrayAdapter<Item> {
    // Define two view types: section header and regular item
    private static final int TYPE_SECTION_HEADER = 0;
    private static final int TYPE_REGULAR_ITEM = 1;
    private ArrayList<Item> profileList;

    public CustomArrayAdapter(Context context, int textViewResourceId, ArrayList<Item> objects) {
        super(context, textViewResourceId, objects);
        profileList = objects;
    }

    @Override
    public int getViewTypeCount() {
        return 2; // We have two distinct view types to handle
    }

    @Override
    public int getItemViewType(int position) {
        // Return the correct type based on the item's flag
        return profileList.get(position).isSectionHeader() ? TYPE_SECTION_HEADER : TYPE_REGULAR_ITEM;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        int viewType = getItemViewType(position);
        View v = convertView;

        // Inflate the correct layout if the view is null
        if (v == null) {
            LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            if (viewType == TYPE_SECTION_HEADER) {
                // Use a dedicated layout for section headers (create this next!)
                v = inflater.inflate(R.layout.list_view_section_header, parent, false);
            } else {
                v = inflater.inflate(R.layout.list_view_items, parent, false);
            }
        }

        // Populate the view based on its type
        Item currentItem = profileList.get(position);
        if (viewType == TYPE_SECTION_HEADER) {
            TextView headerText = (TextView) v.findViewById(R.id.section_header_text);
            headerText.setText(currentItem.getProfileItem());
        } else {
            TextView textView = (TextView) v.findViewById(R.id.textView);
            ImageView imageView = (ImageView) v.findViewById(R.id.imageView);
            textView.setText(currentItem.getProfileItem());
            imageView.setImageResource(currentItem.getProfileImage());
        }

        return v;
    }
}

3. Create a Layout for Section Headers #

Make a new layout file res/layout/list_view_section_header.xml for your section headers (customize the styling to match your app):

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/section_header_text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="12dp"
    android:background="#f5f5f5"
    android:textSize="16sp"
    android:textStyle="bold"
    android:textColor="#333333"/>

4. Update Your Fragment to Add Sections Directly to the List #

Remove the incompatible SectionAdapter and add section headers directly into your profileList:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_profile, container, false);
    ListView listView = (ListView) view.findViewById(R.id.listProfile);
    
    ArrayList<Item> profileList = new ArrayList<>();
    // Add your section header first
    profileList.add(new Item("Section"));
    // Add regular list items below the header
    profileList.add(new Item("Profile", R.drawable.ic_person_black_24dp));
    profileList.add(new Item("Housing", R.drawable.ic_hotel_black_24dp));
    
    CustomArrayAdapter myadapter = new CustomArrayAdapter(getActivity(), R.layout.list_view_items, profileList);
    listView.setAdapter(myadapter);
    
    return view;
}

Key Tips #

• View Recycling: By overriding getItemViewType and getViewTypeCount, we ensure the ListView correctly recycles header and regular item views, keeping your list performant.
• No External Dependencies: This solution works entirely with your existing ArrayAdapter setup, so you don't have to worry about compatibility issues.
• Scalability: You can add multiple sections by simply inserting more header items into your profileList wherever you need them.

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