利用RecyclerView.ItemDecoration
实现顶部悬浮效果
项目要求: minSdkVersion
>= 14.
在你的build.gradle
中 :
repositories {
jcenter()// If not already there
}
dependencies {
compile 'com.gavin.com.library:stickyDecoration:1.1.0'
}
StickyDecoration
——文字悬浮
//回调
GroupListener groupListener = new GroupListener() {
@Override
public String getGroupName(int position) {
//根据position获取对应的组名称
return dataList.get(position).getProvince();
}
};
//创建StickyDecoration,实现悬浮栏
StickyDecoration decoration = StickyDecoration.Builder
.init(groupListener)
.setGroupBackground(Color.parseColor("#48BDFF")) //背景色
.setGroupHeight(DensityUtil.dip2px(this, 35)) //高度
.setDivideColor(Color.parseColor("#CCCCCC")) //分割线颜色
.setDivideHeight(DensityUtil.dip2px(this, 1)) //分割线高度 (默认没有分割线)
.setGroupTextColor(Color.WHITE) //字体颜色
.setGroupTextSize(DensityUtil.sp2px(this, 15)) //字体大小
.setTextSideMargin(DensityUtil.dip2px(this, 10)) //边距 靠左时为左边距 靠右时为右边距
.isAlignLeft(false) //靠右显示 (默认靠左)
.build();
...
mRecyclerView.addItemDecoration(decoration);
效果:
PowerfulStickyDecoration
——自定义View
悬浮
先创建布局item_group
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorAccent"
android:gravity="center_vertical"
android:id="@+id/ll"
android:orientation="horizontal">
<ImageView
android:id="@+id/iv"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="10dp"
android:src="@mipmap/ic_launcher"/>
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:textColor="@android:color/white"/>
</LinearLayout>
创建PowerfulStickyDecoration
,实现自定View
悬浮
PowerGroupListener listener = new PowerGroupListener() {
@Override
public String getGroupName(int position) {
return dataList.get(position).getProvince();
}
@Override
public View getGroupView(int position) {
//获取自定定义的组View
View view = getLayoutInflater().inflate(R.layout.item_group, null, false);
((TextView) view.findViewById(R.id.tv)).setText(dataList.get(position).getProvince());
return view;
}
};
PowerfulStickyDecoration decoration = PowerfulStickyDecoration.Builder
.init(listener)
.setGroupHeight(DensityUtil.dip2px(this, 40)) //设置高度
.isAlignLeft(false) //靠右边显示 默认左边
.setGroupBackground(Color.parseColor("#48BDFF")) //设置背景 默认透明
.setDivideColor(Color.parseColor("#CCCCCC")) //分割线颜色
.setDivideHeight(DensityUtil.dip2px(this, 1)) //分割线高度
.build();
...
mRecyclerView.addItemDecoration(decoration);
效果: