Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 869
stream Avatar asked Oct 30 '11 07:10

stream


4 Answers

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.

like image 156
user370305 Avatar answered Nov 15 '22 08:11

user370305


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.

like image 41
Jashan PJ Avatar answered Nov 15 '22 09:11

Jashan PJ


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

like image 36
Phuong Avatar answered Nov 15 '22 09:11

Phuong


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

like image 4
lukas_wins Avatar answered Nov 15 '22 08:11

lukas_wins