How to draw a section header in android listview just like the ios's UITableview?

Question

I want to draw some section headers in android listview just like the Contacts app did. When the listview was dragged the section headers will move flatly,thanks.

Solution 1

Just look at this Android – Sectioned Headers in ListViews example, Its nicely describe how to implement Sectioned Headers in ListViews.

And

android-amazing-listview

Jeff Sharkey's SeparatedListAdapter

MergeAdapter by CommonsWare

Thanks.

Solution 2

Create a HEADER LAYOUT in your List Item Layout. We use the VISIBILITY option to show and hide the HEADER LAYOUT. This will act like a section header.

In the adapters "getView" method, check the first letter of the "name field (in the case you are showing in accords to Name)" with the first letter of the previous LIST ITEMS "name field". If it macthes hide the HEADER LAYOUT (with a text view) else show the HEADER LAYOUT with the Header Text showing the first letter of the Name Field.

Here is the code

String nameFirstLetter = "A"; // Declare this globally, not inside the getView.

// Inside the getView String nameF = Name.slice(0,1);

 if(!nameFirstLetter.equals(nameF )){
        nameFirstLetter = nameF ;           
        holder.headerText.setText(nameFirstLetter );
        holder.headerLayout.setVisibility(View.VISIBLE);
    }else{
        holder.headerLayout.setVisibility(View.GONE);
    }

This is the easiest method to show section header in Android List view, but it wont work like Iphone section header, ie. The section header hide along with other list items when we scroll up/down.

Solution 3

I found some examples in Android can resolve this issuse: Please find the example about PinnedHeaderListView PinnedHeaderListView Example

Solution 4

If anyone needs a different solution, especially those more used to iOS development, prefer it, or want to emulate the iOS look and feel; I recommend the following:

http://applidium.com/en/news/headerlistview_for_android/

The logic is the same as for iOS, and does most of the leg-work for you

View more solutions