ListView 中有时需要在顶部固定一个浮动栏,当向上滑动 ListView 时,浮动栏固定在顶部,当向下滑动 ListView 到其 HeaderView 可见时,浮动栏成为ListView的一部分,与ListView一起滑动。效果如下:
实现思路
使用两个浮动栏,一个浮动栏(A)添加到 ListView 的 HeaderView中,另一个浮动栏(B)与ListView顶部对齐布局。当ListView下滑超过浮动栏时,隐藏浮动栏(B),此时用户看到的是浮动栏(A);当ListView上滑超过浮动栏时显示浮动栏(B),此时用户看到的是浮动栏(B)。
demo 代码
代码不多,就直接贴出来了。代码很简单,可以根据需要修改应用到自己的项目中。
activity_main.xml
是一个相对布局,包含两个子标签:一个ListView和一个FrameLayout。FrameLayout通过<include>
标签包含浮动栏布局,其创建时处于隐藏状态。include_floatbar.xml
是浮动栏的布局文件,listitem_headview.xml
是 ListView 的 HeaderView 布局文件。
activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentTop="true"
android:fadingEdge="none"
/>