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.
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.
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.
I found some examples in Android can resolve this issuse: Please find the example about PinnedHeaderListView PinnedHeaderListView Example
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With