其实有很多方式实现,我列举了其中比较典型的3种方式:
方法一:
用一个ScrollView 作为滚动容器,搞一个tab 选项卡覆盖在上面,首先隐藏。通过ScrollView 的滚动事件监听滚动的位置来实现显示隐藏。核心代码如下:
//初始化的选项卡,和需要隐藏显示的隐藏选项卡
View tabView, tabView2;
int heightOffset;
/**计算选项卡在ScrollView的位置**/
tabView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
public void onGlobalLayout() {
heightOffset = tabView.getTop();
tabView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
}
});
scrollview.getViewTreeObserver().addOnScrollChangedListener(new OnScrollChangedListener() {
public void onScrollChanged() {
int y = scrollview.getScrollY();
System.out.println("x" + y);
if (y >= heightOffset) {
tabView2.setVisibility(View.VISIBLE);
} else {
tabView2.setVisibility(View.GONE);
}
}
});
这样就可以实现悬浮tab 的简单效果实现了。
方法二:
用ListView 实现同样的简单效果,核心方法也是通过ListView 的滚动监听器实现
listView.setOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
//处理悬浮显示
if (firstVisibleItem>=2) { //这里根据自己的listView的实际postion来定义,我这儿是2 因为我有两个header
bodyNav.setVisibility(View.VISIBLE);
} else {
bodyNav.setVisibility(View.INVISIBLE);
}
}
});
看了上面代码是不是觉得很简单呢,O(∩_∩)O~
方法三:
可以采用开源的组件来达到更复杂的效果,开源组件代码就不贴出来了。自己去github.com 上看吧!
1、PinnedHeaderExpandableListView 首先它是一个ExpandableListView,但是它的头部可以固定,其次,在它的上面还有一个头部可以来回伸缩 项目地址:https://github.com/singwhatiwanna/PinnedHeaderExpandableListView APP示例:百度手机卫
2、StickyListHeaders
GroupName滑动到顶端时会固定不动直到另外一个GroupName到达顶端的ExpandListView,支持快速滑动,支持Android2.3及以上
项目地址:https://github.com/emilsjolander/StickyListHeaders
APP示例:Android 4.0联系人
3、pinned-section-listview
GroupName滑动到顶端时会固定不动直到另外一个GroupName到达顶端的ExpandListView
项目地址:https://github.com/beworker/pinned-section-listview
效果图:
更多开源组件参看地址 https://github.com/wavefar/android-open-project