Android ListView हेडर


122

मेरे पास सूची दृश्य है जो उस पर कुछ प्रकार के ईवेंट हैं। घटनाओं को दिन के अनुसार हल किया जाता है, और मैं हर दिन के लिए उस पर तारीख के साथ हेडर रखना चाहूंगा, और फिर नीचे की घटनाएं सुनेंगे।

यहां बताया गया है कि मैं उस सूची को कैसे पॉपुलेट करता हूं:

ArrayList<TwoText> crs = new ArrayList<TwoText>();

crs.add(new TwoText("This will be header", event.getDate()));

for (Event event : events) {
    crs.add(new TwoText(event.getStartString() + "-" + event.getEndString(), event.getSubject()));
}

arrayAdapter = new TwoTextArrayAdapter(this, R.layout.my_list_item, crs);
lv1.setAdapter(arrayAdapter);

और यह है कि मेरी कक्षा TwoText कैसे दिखती है:

public class TwoText {
    public String classID;
    public String state;

    public TwoText(String classID, String state) {
        this.classID = classID;
        this.state = state;
    }
}

और यह मेरा TwoTextArrayAdapter क्लास दिखता है:

import java.util.ArrayList;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;

public class TwoTextArrayAdapter extends ArrayAdapter<TwoText> {

    private ArrayList<TwoText> classes;
    private Activity con;
    TextView seperator;

    public TwoTextArrayAdapter(Activity context, int textViewResourceId, ArrayList<TwoText> classes) {
        super(context, textViewResourceId, classes);
        this.con = context;
        this.classes = classes;

    }

    @Override

    public View getView(int position, View convertView, ViewGroup parent) {

        View v = convertView;

        if (v == null) {

            LayoutInflater vi = (LayoutInflater) con.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            v = vi.inflate(R.layout.my_list_item, null);

        }

        TwoText user = classes.get(position);

        if (user != null) {

            TextView content1 = (TextView) v.findViewById(R.id.list_content1);

            TextView content2 = (TextView) v.findViewById(R.id.list_content2);

            if (content1 != null) {

                content1.setText(user.classID);
            }   
            if(content2 != null) {

                content2.setText(user.state);
            }
        }
        return v;
    }
}

और यह my_list_item.xml है

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        style="?android:attr/listSeparatorTextViewStyle"
        android:id="@+id/separator"
        android:text="Header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#757678"
        android:textColor="#f5c227" />

    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/list_content1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:clickable="false"
            android:gravity="center"
            android:longClickable="false"
            android:paddingBottom="1dip"
            android:paddingTop="1dip"
            android:text="sample"
            android:textColor="#ff7f1d"
            android:textSize="17dip"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/list_content2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_margin="5dip"
            android:clickable="false"
            android:gravity="center"
            android:linksClickable="false"
            android:longClickable="false"
            android:paddingBottom="1dip"
            android:paddingTop="1dip"
            android:text="sample"
            android:textColor="#6d6d6d"
            android:textSize="17dip" />
    </LinearLayout>

</LinearLayout>

मैं इस समय क्या कर रहा हूं कि मैं हेडर को नियमित सूची ऑब्जेक्ट के रूप में जोड़ रहा हूं, लेकिन मुझे यह पसंद है कि हेडर के रूप में हो और मेरे मामले में इस पर एक तारीख है।

हेडर के लिए मेरे पास यह कोड xml में है:

<TextView
        style="?android:attr/listSeparatorTextViewStyle"
        android:id="@+id/separator"
        android:text="Header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#757678"
        android:textColor="#f5c227" />

और मैंने इसे छुपाने की कोशिश की जब यह अस्वाभाविक है और इसे तब दिखा रहा है जब यह परिशिष्ट है लेकिन मैंने अपने बाकी कोड को गड़बड़ कर दिया है। मैंने कुछ और ट्यूटोरियल की कोशिश की, लेकिन उनका भी यही असर हुआ।

किसी ने मुझे गाइड कर सकते हैं कि कैसे आसान तरीका है?

जवाबों:


334

यहां बताया गया है कि मैं यह कैसे करता हूं, कुंजी getItemViewType और क्लास में getViewTypeCount हैंAdaptergetViewTypeCountसूची में हमारे पास कितने प्रकार के आइटम हैं, इस मामले में हमारे पास एक हेडर आइटम और एक इवेंट आइटम है, इसलिए दो। getItemViewTypeहमें किस प्रकार के Viewइनपुट पर वापस लौटना चाहिए position

Android तब आपको सही प्रकार से Viewअंदर जाने का ध्यान रखेगाconvertView स्वचालित रूप से।

यहां नीचे दिए गए कोड का परिणाम कैसा दिखता है:

पहले हमारे पास एक इंटरफ़ेस है जिसे हमारे दो सूची आइटम प्रकार लागू करेंगे

public interface Item {
    public int getViewType();
    public View getView(LayoutInflater inflater, View convertView);
}

फिर हमारे पास एक एडाप्टर होता है जो की एक सूची लेता है Item

public class TwoTextArrayAdapter extends ArrayAdapter<Item> {
    private LayoutInflater mInflater;

    public enum RowType {
        LIST_ITEM, HEADER_ITEM
    }

    public TwoTextArrayAdapter(Context context, List<Item> items) {
        super(context, 0, items);
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getViewTypeCount() {
        return RowType.values().length;

    }

    @Override
    public int getItemViewType(int position) {
        return getItem(position).getViewType();
    }
@Override
public View getView(int position, View convertView, ViewGroup parent) {
   return getItem(position).getView(mInflater, convertView);
}

EDIT बेहतर प्रदर्शन के लिए .. स्क्रॉल करते समय देखा जा सकता है

private static final int TYPE_ITEM = 0; 
private static final int TYPE_SEPARATOR = 1; 

public View getView(int position, View convertView, ViewGroup parent)  {
    ViewHolder holder = null;
    int rowType = getItemViewType(position);
    View View;
    if (convertView == null) {
        holder = new ViewHolder();
        switch (rowType) {
            case TYPE_ITEM:
                convertView = mInflater.inflate(R.layout.task_details_row, null);
                holder.View=getItem(position).getView(mInflater, convertView);
                break;
            case TYPE_SEPARATOR:
                convertView = mInflater.inflate(R.layout.task_detail_header, null);
                holder.View=getItem(position).getView(mInflater, convertView);
                break;
        }
        convertView.setTag(holder);
    }
    else
    {
        holder = (ViewHolder) convertView.getTag();
    }
    return convertView; 
} 

public static class ViewHolder {
    public  View View; } 
}

फिर हमारे पास क्रियान्वयन की कक्षाएं हैं Itemऔर सही लेआउट को फुलाते हैं। आपके मामले में आपके पास एक Headerवर्ग और एक ListItemवर्ग जैसा कुछ होगा ।

   public class Header implements Item {
    private final String         name;

    public Header(String name) {
        this.name = name;
    }

    @Override
    public int getViewType() {
        return RowType.HEADER_ITEM.ordinal();
    }

    @Override
    public View getView(LayoutInflater inflater, View convertView) {
        View view;
        if (convertView == null) {
            view = (View) inflater.inflate(R.layout.header, null);
            // Do some initialization
        } else {
            view = convertView;
        }

        TextView text = (TextView) view.findViewById(R.id.separator);
        text.setText(name);

        return view;
    }

}

और फिर ListItemक्लास

    public class ListItem implements Item {
    private final String         str1;
    private final String         str2;

    public ListItem(String text1, String text2) {
        this.str1 = text1;
        this.str2 = text2;
    }

    @Override
    public int getViewType() {
        return RowType.LIST_ITEM.ordinal();
    }

    @Override
    public View getView(LayoutInflater inflater, View convertView) {
        View view;
        if (convertView == null) {
            view = (View) inflater.inflate(R.layout.my_list_item, null);
            // Do some initialization
        } else {
            view = convertView;
        }

        TextView text1 = (TextView) view.findViewById(R.id.list_content1);
        TextView text2 = (TextView) view.findViewById(R.id.list_content2);
        text1.setText(str1);
        text2.setText(str2);

        return view;
    }

}

और Activityइसे प्रदर्शित करने के लिए एक सरल

public class MainActivity extends ListActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        List<Item> items = new ArrayList<Item>();
        items.add(new Header("Header 1"));
        items.add(new ListItem("Text 1", "Rabble rabble"));
        items.add(new ListItem("Text 2", "Rabble rabble"));
        items.add(new ListItem("Text 3", "Rabble rabble"));
        items.add(new ListItem("Text 4", "Rabble rabble"));
        items.add(new Header("Header 2"));
        items.add(new ListItem("Text 5", "Rabble rabble"));
        items.add(new ListItem("Text 6", "Rabble rabble"));
        items.add(new ListItem("Text 7", "Rabble rabble"));
        items.add(new ListItem("Text 8", "Rabble rabble"));

        TwoTextArrayAdapter adapter = new TwoTextArrayAdapter(this, items);
        setListAdapter(adapter);
    }

}

के लिए लेआउट R.layout.header

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <TextView
        style="?android:attr/listSeparatorTextViewStyle"
        android:id="@+id/separator"
        android:text="Header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#757678"
        android:textColor="#f5c227" />

</LinearLayout>

के लिए लेआउट R.layout.my_list_item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/list_content1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="5dip"
        android:clickable="false"
        android:gravity="center"
        android:longClickable="false"
        android:paddingBottom="1dip"
        android:paddingTop="1dip"
        android:text="sample"
        android:textColor="#ff7f1d"
        android:textSize="17dip"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/list_content2"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="5dip"
        android:clickable="false"
        android:gravity="center"
        android:linksClickable="false"
        android:longClickable="false"
        android:paddingBottom="1dip"
        android:paddingTop="1dip"
        android:text="sample"
        android:textColor="#6d6d6d"
        android:textSize="17dip" />

</LinearLayout>

के लिए लेआउट R.layout.activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</RelativeLayout>

आप कट्टरता और उपयोग भी कर सकते हैं ViewHolders, सामान को अतुल्यकालिक रूप से लोड कर सकते हैं , या जो भी आपको पसंद हो।


5
यहाँ अपना समाधान पसंद किया, लेकिन जब से आप एक ArrayAdapter को बढ़ा रहे हैं, आपको अपनी स्वयं की सूची को ट्रैक नहीं करना चाहिए। बस ArrayAdapter में आंतरिक रूप से ट्रैक किए गए एक का उपयोग करें। अन्यथा आप अपने आइटम को स्टोर करने के लिए मेमोरी की मात्रा को दोगुना कर रहे हैं
जे सोयर

3
उत्कृष्ट समाधान। मैं केवल एडॉप्टर में इसे जोड़ूंगा, अगर हेडर नॉन क्लिक करने योग्य हैं (जो कि कंस्ट्रक्टर में सेट किया जा सकता है) @ ऑवरराइड पब्लिक बूलियन isEnabled (int position) {रिटर्न (getItem (स्थिति) .getViewType () == RowType.LIST_ITEM। .ordinal ()); }
dwbrito

2
सूची दृश्य स्क्रॉल किए जाने पर पंक्तियों को यादृच्छिक रूप से देखा जा रहा है? क्या कोई कृपया मार्गदर्शन कर सकता है
i_raqz

1
Google कोड की सिर्फ 3 पंक्तियों के साथ ऐसा क्यों नहीं कर सकता है?
ओजोनुगवा जूड ओचलिफु

4
यह उत्तर SO - स्पष्ट, संक्षिप्त और अच्छी तरह से समझाया गया सबसे अच्छा उत्तरों में से एक है। हालाँकि, मैंने देखा कि सूची के परिणाम एक अर्ध-यादृच्छिक क्रम में हैं (पहले हेडर और आइटम ठीक थे, निम्नलिखित गड़बड़ हो गए थे), मैंने यह पता लगाने में कामयाब रहा कि समस्या क्या है। 'EDIT बेटर फॉर परफॉरमेंस' के नीचे कोड के ब्लॉक पर ध्यान दिया जा सकता है जब स्क्रॉलिंग ने इसे मेरे लिए गड़बड़ कर दिया - कस्टम ऐरे एडेप्टर वर्ग से इसे हटाकर मेरे लिए समस्या को ठीक कर दिया। मैं हर किसी को सलाह देता हूं जो इसे आज़माने के लिए यादृच्छिक परिणाम प्राप्त कर रहा है। हालांकि एक उत्कृष्ट उत्तर के लिए धन्यवाद। वास्तव में मेरी मदद की!
ब्लूप्रिंटच्रिस

9

आप शायद एक विस्तार योग्य सूची की तलाश कर रहे हैं जिसमें अलग-अलग आइटम (चिल्ड) के हेडर (समूह) हैं।

इस विषय पर अच्छा ट्यूटोरियल: यहाँ


मैं उन्हें विस्तार योग्य नहीं बनाना चाहता
रोहित मालिष

यदि यह एकमात्र मुद्दा है तो आप विचारों को विस्तार / टकराने से रोकने के लिए onItemClick विधि को ओवरराइड कर सकते हैं।
सिटो मेया

लेकिन मुझे अभी भी अन्य उद्देश्यों के लिए क्लिक करने योग्य होने की आवश्यकता है
रोहित मलिश

Err ... मेरा कहने का मतलब वास्तव में था onGroupClickजो केवल "हेडर" पर क्लिक करता है और आपको क्लिक या कुछ इस तरह से निष्क्रिय करने की आवश्यकता नहीं है, बस किसी भी पतन की कार्रवाई को रद्द करें और सभी समूहों को शुरू से विस्तारित करने के लिए सेट करें।
सायटो मीया

मैं सहमत हूं कि ExpandableListViewज्यादातर मामलों में सबसे अच्छा है। हालांकि मेरे पास एक ऐसी स्थिति है जहां मैं कभी-कभी एक फ्लैट सूची प्रदर्शित करना चाहता हूं, और मेरी गतिविधि में अन्य समय पर हेडर के साथ एक सूची। अफसोस की बात है, ExpandableListAdapterइंटरफ़ेस इंटरफ़ेस का विस्तार नहीं करता ListAdapterहै इसलिए बहुरूपता के लिए मुझे @ एंट्यू के समाधान का उपयोग करने के लिए मजबूर किया जाता है।
टाइटल

3

एक विकल्प के रूप में, इस उपयोग के मामले के लिए डिज़ाइन किया गया एक अच्छा 3 पार्टी पुस्तकालय है । जिससे आपको एडॉप्टर में संग्रहीत डेटा के आधार पर हेडर उत्पन्न करने की आवश्यकता होती है। उन्हें रोलोडेक्स एडेप्टर कहा जाता है और इसके साथ उपयोग किया जाता है ExpandableListViews। उन्हें हेडर के साथ एक सामान्य सूची की तरह व्यवहार करने के लिए आसानी से अनुकूलित किया जा सकता है।

ओपी की Eventवस्तुओं का उपयोग करना और हेडर जानना Dateइसके साथ जुड़े पर आधारित है ... कोड कुछ इस तरह दिखाई देगा:

वह काम

    //There's no need to pre-compute what the headers are. Just pass in your List of objects. 
    EventDateAdapter adapter = new EventDateAdapter(this, mEvents);
    mExpandableListView.setAdapter(adapter);

अडॉप्टर

private class EventDateAdapter extends NFRolodexArrayAdapter<Date, Event> {

    public EventDateAdapter(Context activity, Collection<Event> items) {
        super(activity, items);
    }

    @Override
    public Date createGroupFor(Event childItem) {
        //This is how the adapter determines what the headers are and what child items belong to it
        return (Date) childItem.getDate().clone();
    }

    @Override
    public View getChildView(LayoutInflater inflater, int groupPosition, int childPosition,
                             boolean isLastChild, View convertView, ViewGroup parent) {
        //Inflate your view

        //Gets the Event data for this view
        Event event = getChild(groupPosition, childPosition);

        //Fill view with event data
    }

    @Override
    public View getGroupView(LayoutInflater inflater, int groupPosition, boolean isExpanded,
                             View convertView, ViewGroup parent) {
        //Inflate your header view

        //Gets the Date for this view
        Date date = getGroup(groupPosition);

        //Fill view with date data
    }

    @Override
    public boolean hasAutoExpandingGroups() {
        //This forces our group views (headers) to always render expanded.
        //Even attempting to programmatically collapse a group will not work.
        return true;
    }

    @Override
    public boolean isGroupSelectable(int groupPosition) {
        //This prevents a user from seeing any touch feedback when a group (header) is clicked.
        return false;
    }
}

1

मैंने दिनांक (जैसे दिसंबर 01, 2016) को हेडर के रूप में बनाने के लिए क्या किया। मैंने StickyHeaderListView लाइब्रेरी का उपयोग किया

https://github.com/emilsjolander/StickyListHeaders

मिलिस में लंबे समय के लिए तारीख बदलें [समय शामिल न करें] और इसे हेडर आईडी के रूप में बनाएं।

@Override
public long getHeaderId(int position) {
    return <date in millis>;
}

1

यहाँ एक नमूना परियोजना है , जो कि एंटीव के विस्तृत और सहायक उत्तर पर आधारित है, जो कि लागू होती है aListView कई हेडर के साथ जो स्क्रॉलिंग प्रदर्शन को बेहतर बनाने के लिए दृश्य धारकों को शामिल करती है।

इस परियोजना में, जिन वस्तुओं का प्रतिनिधित्व किया गया है, ListViewवे वर्ग HeaderItemया वर्ग के उदाहरण हैं RowItem, दोनों ही अमूर्त वर्ग के उपवर्ग हैं Item। प्रत्येक उपवर्ग Itemकस्टम एडाप्टर में एक अलग दृश्य प्रकार से मेल खाती है ItemAdapter। विधि getView()पर ItemAdapterप्रतिनिधियों एक व्यक्तिगत करने के लिए प्रत्येक सूची आइटम के लिए दृश्य की निर्माण getView()या तो पर विधि HeaderItemया RowItem, के आधार पर Itemस्थिति के लिए पारित पर इस्तेमाल किया उपवर्ग getView()एडाप्टर पर विधि। से प्रत्येकItem उपवर्ग अपना स्वयं का धारक प्रदान करता है।

दृश्य धारकों को निम्नानुसार कार्यान्वित किया जाता है। उपवर्गों की getView()विधियाँ Itemजाँचती हैं कि जिस Viewवस्तु को getView()विधि पर पारित किया गया था, ItemAdapterवह शून्य है या नहीं। यदि ऐसा है, तो उपयुक्त लेआउट फुलाया जाता है, और एक दृश्य धारक ऑब्जेक्ट को त्वरित किया जाता है और इसके माध्यम से फुलाए गए दृश्य से जुड़ा होता है View.setTag()। यदि Viewऑब्जेक्ट शून्य नहीं है, तो एक व्यू होल्डर ऑब्जेक्ट पहले से ही दृश्य के साथ जुड़ा हुआ था, और व्यू होल्डर के माध्यम से पुनर्प्राप्त किया जाता है View.getTag()। जिस तरह से दृश्य धारकों का उपयोग किया जाता है वह निम्नलिखित कोड स्निपेट में देखा जा सकता है HeaderItem:

@Override
View getView(LayoutInflater i, View v) {
    ViewHolder h;
    if (v == null) {
        v = i.inflate(R.layout.header, null);
        h = new ViewHolder(v);
        v.setTag(h);
    } else {
        h = (ViewHolder) v.getTag();
    }
    h.category.setText(text());
    return v;
}

private class ViewHolder {
    final TextView category;

    ViewHolder(View v) {
        category = v.findViewById(R.id.category);
    }
}

ListView का पूर्ण कार्यान्वयन निम्नानुसार है। यहाँ जावा कोड है:

import android.app.ListActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.Collections;
import java.util.HashSet;
import java.util.List;
import java.util.Set;

public class MainActivity extends ListActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setListAdapter(new ItemAdapter(getItems()));
    }

    class ItemAdapter extends ArrayAdapter<Item> {
        final private List<Class<?>> viewTypes;

        ItemAdapter(List<Item> items) {
            super(MainActivity.this, 0, items);
            if (items.contains(null))
                throw new IllegalArgumentException("null item");
            viewTypes = getViewTypes(items);
        }

        private List<Class<?>> getViewTypes(List<Item> items) {
            Set<Class<?>> set = new HashSet<>();
            for (Item i : items) 
                set.add(i.getClass());
            List<Class<?>> list = new ArrayList<>(set);
            return Collections.unmodifiableList(list);
        }

        @Override
        public int getViewTypeCount() {
            return viewTypes.size();
        }

        @Override
        public int getItemViewType(int position) {
            Item t = getItem(position);
            return viewTypes.indexOf(t.getClass());
        }

        @Override
        public View getView(int position, View v, ViewGroup unused) {
            return getItem(position).getView(getLayoutInflater(), v);
        }
    }

    abstract private class Item {
        final private String text;

        Item(String text) {
            this.text = text;
        }

        String text() { return text; }

        abstract View getView(LayoutInflater i, View v);
    }

    private class HeaderItem extends Item {
        HeaderItem(String text) {
            super(text);
        }

        @Override
        View getView(LayoutInflater i, View v) {
            ViewHolder h;
            if (v == null) {
                v = i.inflate(R.layout.header, null);
                h = new ViewHolder(v);
                v.setTag(h);
            } else {
                h = (ViewHolder) v.getTag();
            }
            h.category.setText(text());
            return v;
        }

        private class ViewHolder {
            final TextView category;

            ViewHolder(View v) {
                category = v.findViewById(R.id.category);
            }
        }
    }

    private class RowItem extends Item {
        RowItem(String text) {
            super(text);
        }

        @Override
        View getView(LayoutInflater i, View v) {
            ViewHolder h;
            if (v == null) {
                v = i.inflate(R.layout.row, null);
                h = new ViewHolder(v);
                v.setTag(h);
            } else {
                h = (ViewHolder) v.getTag();
            }
            h.option.setText(text());
            return v;
        }

        private class ViewHolder {
            final TextView option;

            ViewHolder(View v) {
                option = v.findViewById(R.id.option);
            }
        }
    }

    private List<Item> getItems() {
        List<Item> t = new ArrayList<>();
        t.add(new HeaderItem("Header 1"));
        t.add(new RowItem("Row 2"));
        t.add(new HeaderItem("Header 3"));
        t.add(new RowItem("Row 4"));

        t.add(new HeaderItem("Header 5"));
        t.add(new RowItem("Row 6"));
        t.add(new HeaderItem("Header 7"));
        t.add(new RowItem("Row 8"));

        t.add(new HeaderItem("Header 9"));
        t.add(new RowItem("Row 10"));
        t.add(new HeaderItem("Header 11"));
        t.add(new RowItem("Row 12"));

        t.add(new HeaderItem("Header 13"));
        t.add(new RowItem("Row 14"));
        t.add(new HeaderItem("Header 15"));
        t.add(new RowItem("Row 16"));

        t.add(new HeaderItem("Header 17"));
        t.add(new RowItem("Row 18"));
        t.add(new HeaderItem("Header 19"));
        t.add(new RowItem("Row 20"));

        t.add(new HeaderItem("Header 21"));
        t.add(new RowItem("Row 22"));
        t.add(new HeaderItem("Header 23"));
        t.add(new RowItem("Row 24"));

        t.add(new HeaderItem("Header 25"));
        t.add(new RowItem("Row 26"));
        t.add(new HeaderItem("Header 27"));
        t.add(new RowItem("Row 28"));
        t.add(new RowItem("Row 29"));
        t.add(new RowItem("Row 30"));

        t.add(new HeaderItem("Header 31"));
        t.add(new RowItem("Row 32"));
        t.add(new HeaderItem("Header 33"));
        t.add(new RowItem("Row 34"));
        t.add(new RowItem("Row 35"));
        t.add(new RowItem("Row 36"));

        return t;
    }

}

दो सूची आइटम लेआउट भी हैं, प्रत्येक आइटम उपवर्ग के लिए एक। यहाँ लेआउट headerहैडर द्वारा उपयोग किया गया है:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFAAAAAA"
    >
    <TextView
        android:id="@+id/category"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="4dp"
        android:textColor="#FF000000"
        android:textSize="20sp"
        android:textStyle="bold"
        />
 </LinearLayout>

और यहाँ लेआउट है row, जिसका उपयोग RowItem द्वारा किया गया है:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?android:attr/listPreferredItemHeight"
    >
    <TextView
        android:id="@+id/option"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="15sp"
        />
</LinearLayout>

यहाँ परिणामी ListView के एक हिस्से की एक छवि है:

कई हेडर के साथ सूची दृश्य

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.