创新源于模仿之四：增强的ExpandableListView

分类： Android2011-04-10 16:24 2425人阅读 评论(7) 收藏 举报

继续讨论一下如何实现手机QQ里那个增强版的ExpandableListView效果，如下图：



Android缺省的ExpandableListView的group header无法固定在界面上，当向下滚动后，不能对当前显示的那些child 指示出它们归属于哪个group，而这一点，在iphone中的tableview就做的非常好。

所以，我们来做一个固定在列表上方的提示框，显示当前显示的展开的那些child归属的group信息。

思路：

1. 先弄一个TextView作为指示器放在ListView的上面，跟列表上缘平齐。

2. 处理列表的上下滚动回调：

view
plain

if(第一行是group){

if(第二行也是group) 隐藏指示器；

else if(第二行是第一行展开的第一个child） 显示指示器；

}

else {

if(第二行是group 且第一行显示不完整时) 隐藏指示器；

}

就这样了，是吧？

+
expand sourceview
plain

一切就这么简单，然后看看它放的位置是：

+
expand sourceview
plain

我为了省事，直接从TextView中派生出这个指示器，其实你可以更复杂点，从一个ViewGroup之类的东西来做出更多的效果。

细心的朋友可以发现了，在QQ中，当上移列表时，有一个效果是下一个group header将指示器给推出屏幕的，图省事，我没这样做，留给兄弟你去扩展了。

此外，反编译QQ的代码可知，其实它的实现是自己做了一个叫 IphoneTreeView的类，继承了ExpandableListView，这样做更灵活也更好，同样，如果要实现更完美的效果，还有很多事情要做的。

最近想学习一下iphone的开发，有点没动力继续写这个题目了。所以，只是在这儿抛砖引玉罢了，如果你们做出了更好的效果，请拿出来共享。

先谢谢了！