繼續(xù)討論一下如何實(shí)現(xiàn)手機(jī)QQ里那個(gè)增強(qiáng)版的ExpandableListView效果，如下圖：

Android缺省的ExpandableListView的group header無(wú)法固定在界面上，當(dāng)向下滾動(dòng)后，不能對(duì)當(dāng)前顯示的那些child 指示出它們歸屬于哪個(gè)group，而這一點(diǎn)，在iphone中的tableview就做的非常好。

所以，我們來(lái)做一個(gè)固定在列表上方的提示框，顯示當(dāng)前顯示的展開(kāi)的那些child歸屬的group信息。

思路：
1. 先弄一個(gè)TextView作為指示器放在ListView的上面，跟列表上緣平齊。
2. 處理列表的上下滾動(dòng)回調(diào)：
if(第一行是group){ if(第二行也是group) 隱藏指示器； else if(第二行是第一行展開(kāi)的第一個(gè)child） 顯示指示器； } else { if(第二行是group 且第一行顯示不完整時(shí)) 隱藏指示器； }

就這樣了，是吧？

public class GroupHeaderIndicator extends TextView implements OnScrollListener { @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // TODO Auto-generated method stub ExpandableListView listView = (ExpandableListView)view; //當(dāng)前第一行歸屬的組ID int gid = ExpandableListView.getPackedPositionGroup(listView.getExpandableListPosition(firstVisibleItem)); //當(dāng)前第一行的子ID int cid = ExpandableListView.getPackedPositionChild(listView.getExpandableListPosition(firstVisibleItem)); //當(dāng)前第二行的子ID int nid = ExpandableListView.getPackedPositionChild(listView.getExpandableListPosition(firstVisibleItem+1)); BuddiesListAdapter adapter=(BuddiesListAdapter)listView.getExpandableListAdapter(); String gtitle=(gid>-1)?adapter.getGroup(gid).toString():""; //如果第一行和第二行都是組header，不需要顯示 if(cid==-1 && nid==-1){ this.setVisibility(View.GONE); } else { //當(dāng)前真的是一個(gè)child，而且下一行是group if(nid==-1 && cid>=0){ this.setVisibility(View.GONE); return; } this.setVisibility(View.VISIBLE); this.setText(gtitle); this.postInvalidate(); } } }

一切就這么簡(jiǎn)單，然后看看它放的位置是：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="8.0dip" android:layout_weight="1.0"> <ExpandableListView android:id="@id/buddies_list" android:scrollbars="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="0.0dip" android:drawSelectorOnTop="false" android:scrollingCache="true" android:layout_weight="1.0" android:fastScrollEnabled="false" android:footerDividersEnabled="true" android:cacheColorHint="#00000000" android:groupIndicator="@drawable/expander_group" style="@style/Widget.ListViewGreen" mce_style="@style/Widget.ListViewGreen" /> <cn.sharetop.demo.ui.GroupHeaderIndicator android:id="@id/buddies_group_indicator" android:textColor="#333333" android:gravity="left|center" android:paddingLeft="32.0dip" android:layout_width="fill_parent" android:layout_height="44.0dip" android:background="@drawable/expand_group_bar" /> </FrameLayout>

我為了省事，直接從TextView中派生出這個(gè)指示器，其實(shí)你可以更復(fù)雜點(diǎn)，從一個(gè)ViewGroup之類的東西來(lái)做出更多的效果。

細(xì)心的朋友可以發(fā)現(xiàn)了，在QQ中，當(dāng)上移列表時(shí)，有一個(gè)效果是下一個(gè)group header將指示器給推出屏幕的，圖省事，我沒(méi)這樣做，留給兄弟你去擴(kuò)展了。

此外，反編譯QQ的代碼可知，其實(shí)它的實(shí)現(xiàn)是自己做了一個(gè)叫 IphoneTreeView的類，繼承了ExpandableListView，這樣做更靈活也更好，同樣，如果要實(shí)現(xiàn)更完美的效果，還有很多事情要做的。

最近想學(xué)習(xí)一下iphone的開(kāi)發(fā)，有點(diǎn)沒(méi)動(dòng)力繼續(xù)寫(xiě)這個(gè)題目了。所以，只是在這兒拋磚引玉罷了，如果你們做出了更好的效果，請(qǐng)拿出來(lái)共享。

先謝謝了！

創(chuàng)新源于模仿之四：增強(qiáng)的ExpandableListView